下面是具体代码实现:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="450" height="350" creationComplete="initApp()" backgroundColor="#FFFFFF" fontSize="12">
<mx:Script>
<![CDATA[
import mx.events.ScrollEvent;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;
import mx.collections.ArrayCollection;
private function initApp():void{
left.dataProvider=['广东','广西','内蒙古','北京','上海','江苏','江西','湖南','湖北','四川','西藏','新疆'];
right.dataProvider=[];
}
private function toRight():void
{
var selectItems:Array = left.selectedItems;
var selectIndexs:Array = left.selectedIndices;
Alert.show(selectItems.toString()+"---"+left.selectedIndices.toString());
if(right.dataProvider == null)
{
right.dataProvider = new ArrayCollection();
}
for( var i:Number = 0 ; i < selectItems.length ; i++ )
{
ArrayCollection(right.dataProvider).addItem(selectItems[i].toString());
ArrayCollection(left.dataProvider).removeItemAt(selectIndexs[i]);
}
}
private function toLeft():void
{
var selectItems:Array = right.selectedItems;
var selectIndexs:Array = right.selectedIndices;
//Alert.show(selectItems.toString()+"---"+left.selectedIndices.toString());
if(left.dataProvider == null)
{
left.dataProvider = new ArrayCollection();
}
for( var i:Number = 0 ; i < selectItems.length ; i++ )
{
ArrayCollection(left.dataProvider).addItem(selectItems[i].toString());
ArrayCollection(right.dataProvider).removeItemAt(selectIndexs[i]);
}
}
]]>
</mx:Script>
<mx:Panel x="0" y="0" width="450" height="350" layout="absolute" title="左右互选">
<mx:Label x="7" y="3" text="当前内容"/>
<mx:List x="7" y="25" id="left" width="168" height="275" allowMultipleSelection="true"
dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" doubleClickEnabled="true" itemDoubleClick="toRight()">
</mx:List>
<mx:Label x="243" y="3" text="移动内容"/>
<mx:List x="243" y="25" id="right" width="180" height="272" allowMultipleSelection="true"
dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" doubleClickEnabled="true" itemDoubleClick="toLeft()">
</mx:List>
<mx:Button x="183" y="121" label="->>" click="toRight()" id="bt_r" width="52"/>
<mx:Button x="183" y="178" label="<<-" click="toLeft()" id="bt_l" width="52"/>
</mx:Panel>
</mx:Application>
下面是运行的效果:
- 大小: 7 KB
分享到:
相关推荐
jquery--下拉框的实现jquery--下拉框的实现
uni-app下拉框实现,纯原生写法
bootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-...
下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar下拉框选择背景.rar
AJAX-DWR下拉框级联AJAX-DWR下拉框级联 真正实用的`仅供参考
bootstrap-select下拉框
支持ext3.0以上版本,希望大家能用到-----------------------------------
计算机软件-商业源码-磁盘下拉框光驱等出错问题.zip
jQuery-searchableSelect下拉框带搜索美化插件
react-native 框架下的下拉框,性能优良,没有bug,可以多选和单选
基于layui框架的前端多选下拉框组件,项目中直接导入,复制demo源码就能使用,开发方便,样式美观
layui的插件效果,优化基础layui的原装组件的效果。 layui 是一款采用自身模块规范...其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
form标签中的自定义el-select下拉框标签功能的文章就介绍到这了,更多相关Vue el-form标签 自定义el-select下拉框标签内容请搜索软件开发网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件开发网!
下拉框选择显示图片.rar下拉框选择显示图片.rar下拉框选择显示图片.rar下拉框选择显示图片.rar下拉框选择显示图片.rar下拉框选择显示图片.rar
下拉框显示当前时间.rar下拉框显示当前时间.rar下拉框显示当前时间.rar下拉框显示当前时间.rar下拉框显示当前时间.rar下拉框显示当前时间.rar
下拉框的新特性.rar
自己编写的一个flex下拉框组件,功能比较强大,可以做到二级级联,三级级联,四级级联等。并且在初始化页面的时候,可以自动显示已选择的
基于ztree树的下拉选择框,每次展开都会重新生成下拉树结构,可根据属性绑定数据源,加载出树结构也会相对应的勾选上,相对于修改时就会是个选好的手法。
下拉框多选控件,内有源代码,可修改,用起来很方便,和原有的dropdownlist一样好用
前端select下拉框带搜索,多选,反选