Flex基础-----之DataProvider
2013-01-26 13:14
429 查看
一、
<?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">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.utils.UIDUtil;
[Bindable]
private var data:ArrayCollection=new ArrayCollection([
{mx_internal_uid:UIDUtil.createUID(),userid:"a1",useridname:"张三"},
{mx_internal_uid:UIDUtil.createUID(),userid:"a2", useridname:"李四"},
{mx_internal_uid:UIDUtil.createUID(),userid:"a6", useridname:"路人乙"} ]);
]]>
</fx:Script>
<s:DataGrid name="dg_list" width="600" requestedRowCount="2" dataProvider="{data}" horizontalCenter="0" y="200" >
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="mx_internal_uid" headerText="列 1"></s:GridColumn>
<s:GridColumn dataField="userid" headerText="列 2"></s:GridColumn>
<s:GridColumn dataField="useridname" headerText="列 3"></s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
二、
<?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">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:DataGrid id="dataGrid" width="600" requestedRowCount="5" horizontalCenter="0" y="200">
<s:ArrayCollection>
<s:DataItem key="1000" name="Abrasive" price="100.11" call="false"/>
<s:DataItem key="1001" name="Brush" price="110.01" call="true"/>
<s:DataItem key="1002" name="Clamp" price="120.02" call="false"/>
<s:DataItem key="1003" name="Drill" price="130.03" call="true"/>
<s:DataItem key="1004" name="Epoxy" price="140.04" call="false"/>
<s:DataItem key="1005" name="File" price="150.05" call="true"/>
<s:DataItem key="1006" name="Gouge" price="160.06" call="false"/>
<s:DataItem key="1007" name="Hook" price="170.07" call="true"/>
<s:DataItem key="1008" name="Ink" price="180.08" call="false"/>
<s:DataItem key="1009" name="Jack" price="190.09" call="true"/>
</s:ArrayCollection>
</s:DataGrid>
</s:Application>
参考:
http://bbs.csdn.net/topics/390159047
http://bbs.9ria.com/thread-131489-1-1.html
http://blog.csdn.net/liruizhuang/article/details/5841480
http://yunzhongxia.iteye.com/blog/1133301
<?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">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.utils.UIDUtil;
[Bindable]
private var data:ArrayCollection=new ArrayCollection([
{mx_internal_uid:UIDUtil.createUID(),userid:"a1",useridname:"张三"},
{mx_internal_uid:UIDUtil.createUID(),userid:"a2", useridname:"李四"},
{mx_internal_uid:UIDUtil.createUID(),userid:"a6", useridname:"路人乙"} ]);
]]>
</fx:Script>
<s:DataGrid name="dg_list" width="600" requestedRowCount="2" dataProvider="{data}" horizontalCenter="0" y="200" >
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="mx_internal_uid" headerText="列 1"></s:GridColumn>
<s:GridColumn dataField="userid" headerText="列 2"></s:GridColumn>
<s:GridColumn dataField="useridname" headerText="列 3"></s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
</s:Application>
二、
<?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">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:DataGrid id="dataGrid" width="600" requestedRowCount="5" horizontalCenter="0" y="200">
<s:ArrayCollection>
<s:DataItem key="1000" name="Abrasive" price="100.11" call="false"/>
<s:DataItem key="1001" name="Brush" price="110.01" call="true"/>
<s:DataItem key="1002" name="Clamp" price="120.02" call="false"/>
<s:DataItem key="1003" name="Drill" price="130.03" call="true"/>
<s:DataItem key="1004" name="Epoxy" price="140.04" call="false"/>
<s:DataItem key="1005" name="File" price="150.05" call="true"/>
<s:DataItem key="1006" name="Gouge" price="160.06" call="false"/>
<s:DataItem key="1007" name="Hook" price="170.07" call="true"/>
<s:DataItem key="1008" name="Ink" price="180.08" call="false"/>
<s:DataItem key="1009" name="Jack" price="190.09" call="true"/>
</s:ArrayCollection>
</s:DataGrid>
</s:Application>
参考:
http://bbs.csdn.net/topics/390159047
http://bbs.9ria.com/thread-131489-1-1.html
http://blog.csdn.net/liruizhuang/article/details/5841480
http://yunzhongxia.iteye.com/blog/1133301
相关文章推荐
- Flex基础-----之DataProvider详解
- Flex基础-----之DataProvider
- Flex DropDownList dataProvider和selectedItem之间的冲突
- Using an XML data provider with the Spark List control in Flex 4
- flex dataProvider 的数据类型及遍历
- Flex中自定义组件ItemRenderer,数据绑定dataprovider,刷新问题。
- FUCK FLEX菜单的几种dataProvider
- Flex data provider
- FLEX DataProvider的一些奇怪的东西
- Setting an effect when the items in a data provider change on a List control in Flex
- DataProvider为项目提供基础信息
- flex中,用ArrayCollection作为DataGrid的dataProvider,想在ArrayCollection末尾插入数据的解决方法
- [Flex] 组件Tree系列 —— 将数组作为dataProvider
- Flex3.5 bug: 改变ComboBox DataProvider后UI不更新的初步解决
- Flex dataprovider的几种格式写法
- FLEX入门篇--------各种dataProvider大集合
- flex中Menubar组件dataprovider的后台数据获取方法
- WPF之Binding基础九 使用ObjectDataProvider作为Binding的源
- flex 中 tileList 控件在dataProvider内容更换时,不能选中的解决方案
- Binding Flex TextInput UI Controls to a DataProvider