加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex ArrayCollection数据添加删除的例子

发布时间:2020-12-15 03:54:12 所属栏目:百科 来源:网络整理
导读:?xml version="1.0" encoding="utf-8"? mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" mx:Script ![CDATA[ ? ?? ?import mx.controls.Alert; ? ?? ? import mx.collections.ArrayCollection; ? ?? ? [Bindable] ? ?? ? priva

Flex?<wbr>ArrayCollection数据添加删除的例子


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
? ?? ?import mx.controls.Alert;
? ?? ? import mx.collections.ArrayCollection;
? ?? ? [Bindable]
? ?? ? private var dIcon:ArrayCollection = new ArrayCollection([
? ?? ? ? ?? ? {name:'aa',price:10,img:'qq.png'},
? ?? ? ? ?? ? {name:'bb',price:20,img:'qq2.png'},
? ?? ? ? ?? ? {name:'cc',price:30,img:'qq3.png'},
? ?? ? ? ?? ? {name:'dd',price:40,img:'qq4.png'}
? ?? ? ]);
? ?? ? [Bindable]
? ?? ? private var cbDate:ArrayCollection = new ArrayCollection([
? ?? ? ? ?? ? {label:'icon1',data:'qq.png'},
? ?? ? ? ?? ? {label:'icon2',data:'qq2.png'},
? ?? ? ? ?? ? {label:'icon3',data:'qq3.png'},
? ?? ? ? ?? ? {label:'icon4',data:'qq4.png'}
? ?? ? ]);
? ?? ? private function addFn():void{
? ?? ? ? ?? ? var newOne:Object = new Object();
? ?? ? ? ?? ? newOne.name = nameBox.text;
? ?? ? ? ?? ? newOne.price = priceBox.value;
? ?? ? ? ?? ? newOne.img = imgBox.value;
? ?? ? ? ?? ? dIcon.addItem(newOne);
? ?? ? ? ?? ? //更新datagrid的所有行;
? ?? ? ? ?? ? dg.invalidateList();
? ?? ? ? ?? ? Alert.show('ok')
? ?? ? }
? ?? ? private function delecteFn():void{
? ?? ? ? ?? ? var index:int = dg.selectedIndex;
? ?? ? ? ?? ? dIcon.removeItemAt(index);
? ?? ? ? ?? ? dg.invalidateList();
? ?? ? }
]]>
</mx:Script>
? ?? ? <mx:Panel title="数据添加删除例子" paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10">
? ?? ? ? ?? ? <mx:DataGrid id="dg" dataProvider="{dIcon}" ? rowHeight="30">
? ?? ? ? ?? ? ?? ? ? <mx:columns>
? ?? ? ? ?? ? ? ?? ? ?? ? ? <mx:DataGridColumn dataField="img" sortable="false" itemRenderer="mx.controls.Image" />
? ?? ? ? ?? ? ? ?? ? ?? ? ? <mx:DataGridColumn dataField="name" sortable="false" />
? ?? ? ? ?? ? ? ?? ? ?? ? ? <mx:DataGridColumn dataField="price" sortable="false" />
? ?? ? ? ?? ? ?? ? ? </mx:columns>
? ?? ? ? ?? ? </mx:DataGrid>
? ?? ? <mx:ControlBar>
? ?? ? ? ?? ? <mx:Form>
? ?? ? ? ?? ? ? ?? ? <mx:FormItem label="name:">
? ?? ? ? ?? ? ? ?? ? <mx:TextInput id="nameBox" text="" />
? ?? ? ? ?? ? </mx:FormItem>
? ?? ? ? ?? ? <mx:FormItem label="img:">
? ?? ? ? ?? ? ? ?? ? <mx:ComboBox id="imgBox" dataProvider="{cbDate}" />
? ?? ? ? ?? ? </mx:FormItem>
? ?? ? ? ?? ? <mx:FormItem label="price:">
? ?? ? ? ?? ? ? ?? ? <mx:NumericStepper id="priceBox" minimum="10" maximum="200" value="50" />
? ?? ? ? ?? ? </mx:FormItem>
? ?? ? ? ?? ? <mx:HBox>
? ?? ? ? ?? ? ? ?? ? <mx:Button label="add" click="addFn()" />
? ?? ? ? ?? ? ? ?? ? <mx:Button label="remove" click="delecteFn()" />
? ?? ? ? ?? ? </mx:HBox>
? ?? ? ? ?? ? </mx:Form>
? ?? ? </mx:ControlBar>
</mx:Panel>
</mx:Application>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读