欢迎来到天天文库
浏览记录
ID:37638636
大小:722.65 KB
页数:23页
时间:2019-05-27
《Flex4.5之DataGrid表格组件的运用》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第十六节DataGrid表格组件运用16.1DataGrid认识这个组件我相信大家在熟悉不过,这个组件使用的频率太频繁,原因很简单就是因为很多网站都离不开表格的规范。这个组件运用在那些方面呢?比如用户信息表,账目清单,数据管理,等等好了,相信你对他运用有一些理解了吧,那我们就趁热打铁。16.2DataGrid简单运用照旧先拉图:(图1)把他拉入到场景里:(图2)哎!它也是数据容器,为什么它就不是空的,可见FLEX开发团队多在乎这个组件,默认的它是具有数据的,我们往下看:2、columns>3、"dataField2="示例数据"dataField3="示例数据/>4、"dataField3="数据4"/>从这个标签相信大家就理解了吧,这个就是列标签,要多少列只需要多添加几个标签就OK。GridColumn标签里的两个重要属性还是也讲下吧:dataField它对应的就是数据源的键值。headerText一列的标题名称。下面这句代码:所生成就是:如下图大家看到了把列的标5、题就是列一,想修改第一列的标题请修改GridColumn标签属性下的headerText属性。另外它绑定的数据键值是dataFidld1,那我们看下数据源下的dataFidld1键值的内容。是不是数据源每个对象都会有个dataField1键值呢?dataField2dataField3就不讲了,和上面类似。这个标签相信大家很陌生吧,我也是今天准备讲的时候才看到,估计是flex4.5.6、1新加东西,果然摸索了下,这个标签作用也蛮好用的,具体作用就是控制列的标签的宽度的,很囧的是他是根据字数大小设置宽度,不信我演示下一下3种效果:7、>由此从上面3种情况,最后一种情况就是为空的话,列标签就会使用默认的最小宽度。好了下面我们将把DataGrid标签初始化,把数据都清空自己写:开始添加数据:
2、columns>3、"dataField2="示例数据"dataField3="示例数据/>4、"dataField3="数据4"/>从这个标签相信大家就理解了吧,这个就是列标签,要多少列只需要多添加几个标签就OK。GridColumn标签里的两个重要属性还是也讲下吧:dataField它对应的就是数据源的键值。headerText一列的标题名称。下面这句代码:所生成就是:如下图大家看到了把列的标
3、"dataField2="示例数据"dataField3="示例数据/>
4、"dataField3="数据4"/>
5、题就是列一,想修改第一列的标题请修改GridColumn标签属性下的headerText属性。另外它绑定的数据键值是dataFidld1,那我们看下数据源下的dataFidld1键值的内容。是不是数据源每个对象都会有个dataField1键值呢?dataField2dataField3就不讲了,和上面类似。这个标签相信大家很陌生吧,我也是今天准备讲的时候才看到,估计是flex4.5.
6、1新加东西,果然摸索了下,这个标签作用也蛮好用的,具体作用就是控制列的标签的宽度的,很囧的是他是根据字数大小设置宽度,不信我演示下一下3种效果:7、>由此从上面3种情况,最后一种情况就是为空的话,列标签就会使用默认的最小宽度。好了下面我们将把DataGrid标签初始化,把数据都清空自己写:开始添加数据:
7、>
此文档下载收益归作者所有