Flex4拖拽小例子
2012-05-22 00:00
113 查看
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
leftList.dataProvider=new ArrayCollection(new Array('aa','bb','cc','dd','ff'));
rightList.dataProvider=new ArrayCollection(new Array());
}
]]>
</fx:Script>
<s:Panel width="500" height="500" title="拖拽实例" x="20" y="20">
<s:HGroup>
<s:VGroup>
<mx:Label text="左列表"/>
<mx:List id="leftList" width="200" height="350" allowMultipleSelection="true"
dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"/>
</s:VGroup>
<s:VGroup>
<mx:Label text="右列表"/>
<mx:List id="rightList" width="200" height="350" allowMultipleSelection="true"
dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"/>
</s:VGroup>
</s:HGroup>
</s:Panel>
</s:Application>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
protected function application1_creationCompleteHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
leftList.dataProvider=new ArrayCollection(new Array('aa','bb','cc','dd','ff'));
rightList.dataProvider=new ArrayCollection(new Array());
}
]]>
</fx:Script>
<s:Panel width="500" height="500" title="拖拽实例" x="20" y="20">
<s:HGroup>
<s:VGroup>
<mx:Label text="左列表"/>
<mx:List id="leftList" width="200" height="350" allowMultipleSelection="true"
dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"/>
</s:VGroup>
<s:VGroup>
<mx:Label text="右列表"/>
<mx:List id="rightList" width="200" height="350" allowMultipleSelection="true"
dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"/>
</s:VGroup>
</s:HGroup>
</s:Panel>
</s:Application>
相关文章推荐
- 一个在windows和基于SWT的java程序间拖拽的例子
- flex4 + spring + blazeds , 使用anonation(注解)机制,利用push技术的实现例子和过程。
- HTML5:一个拖拽网页元素的例子
- 【自】JavaScript面向对象初探二:通过编写一个拖拽例子,让我们了解对象的继承
- DataGridView到DataGridView的拖拽的例子
- 拖拽例子
- 一个最简单的js左右div分隔栏拖拽例子
- 一个Flex鼠标拖拽图片的简单例子(附源码)
- js拖拽的例子
- Extjs 拖拽实验例子
- Flex4 实现拖拽缓动
- QGraphicItem, 拖拽窗口大小例子
- Flex4 中使用ModuleLoader为子容器 动态加入到TabNavigator导航器容器中的例子
- js拖拽div例子
- NGUI例子6 拖拽
- Flex4中 一个使用Module的例子
- 使用Flex4动态加载网络图片的例子
- 低权限向高权限发送消息 (例子 拖拽文件)
- NGUI例子7 拖拽2
- 多点触控(包括拖拽控件)的例子