FLEX 为DataGrid 添加序号列(1)

最新推荐文章于 2016-08-14 22:02:01 发布

原创最新推荐文章于 2016-08-14 22:02:01 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #XML

Felx开发技术总结专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在Flex中为DataGrid自定义显示行号的方法。通过使用itemRenderer和ArrayCollection的getItemIndex方法，可以轻松地为DataGrid中的每一项添加对应的行号。示例代码展示了具体的实现细节。

下面的实现方式，基本思路就是用itemrender访问父文档的datagrid的dataProvider，使用 ArrayCollection的getItemIndex方法实现行号

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute">

	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			public function genrowno(ob:Object):String {
				return String(datalist.dataProvider.getItemIndex(ob));
			}
		]]>
	</mx:Script>

	<mx:DataGrid width="565" id="datalist" height="283">
		<mx:columns>
			<mx:DataGridColumn>
				<mx:itemRenderer>
					<mx:Component>
						<mx:Label text="{this.parentDocument.genrowno(data)}"/>
					</mx:Component>
				</mx:itemRenderer>
			</mx:DataGridColumn>
			<mx:DataGridColumn dataField="TM" headerText="日期"/>
			<mx:DataGridColumn dataField="LL" headerText="流量"/>
		</mx:columns>
		<mx:dataProvider>
			<mx:ArrayCollection>
				<mx:Array>
					<mx:Object TM="7.13-6" LL="2.9"/>
					<mx:Object TM="7.13-8" LL="2.9"/>
					<mx:Object TM="7.14-6" LL="1.9"/>
					<mx:Object TM="7.14-8" LL="1.9"/>
					<mx:Object TM="7.15-6" LL="1.9"/>
					<mx:Object TM="7.15-8" LL="1.9"/>
					<mx:Object TM="7.16-6" LL="3.05"/>
					<mx:Object TM="7.16-8" LL="3.15"/>
					<mx:Object TM="7.17-6" LL="3.15"/>
					<mx:Object TM="7.17-8" LL="3.15"/>
					<mx:Object TM="7.18-6" LL="3.15"/>
					<mx:Object TM="7.18-8" LL="3.15"/>
					<mx:Object TM="7.19-6" LL="3.15"/>
					<mx:Object TM="7.19-8" LL="3.05"/>
					<mx:Object TM="7.20-6" LL="1.9"/>
					<mx:Object TM="7.20-8" LL="1.9"/>
				</mx:Array>
			</mx:ArrayCollection>
		</mx:dataProvider>
	</mx:DataGrid>

</mx:Application>