- <?xml version= "1.0" encoding= "utf-8" ?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout= "absolute" >
- <mx:DataGrid dataProvider="{ac}" id= "dg" rowCount= "15" >
- <mx:columns>
- <mx:DataGridColumn headerText="ddd" dataField= "col1" labelFunction= "rowNum" sortable= "false" textAlign= "center" width= "48" backgroundColor= "#B6BDD2" />
- <mx:DataGridColumn headerText="Column 2" dataField= "col2" />
- <mx:DataGridColumn headerText="Column 3" dataField= "col3" />
- </mx:columns>
- </mx:DataGrid>
- <mx:Script>
- <![CDATA[
- import mx.controls.dataGridClasses.DataGridColumn;
- import mx.collections.ArrayCollection;
- [Bindable]
- public var ac:ArrayCollection= new ArrayCollection([
- {col1:"222" ,col2: "2" ,col3: "asdas" },
- {col1:"1" ,col2: "3" ,col3: "asdas" },
- {col1:"3" ,col2: "2" ,col3: "ascdas" },
- {col1:"dc" ,col2: "4" ,col3: "asdas" },
- {col1:"r5" ,col2: "5" ,col3: "ascdas" },
- {col1:"56" ,col2: "33" ,col3: "asdas" },
- {col1:"34" ,col2: "22" ,col3: "asdas" },
- {col1:"76" ,col2: "33" ,col3: "ascddas" },
- {col1:"62" ,col2: "53" ,col3: "sdkas" },
- {col1:"89" ,col2: "65" ,col3: "sdas" },
- {col1:"90" ,col2: "77" ,col3: "smdas" },
- {col1:"98" ,col2: "66" ,col3: "sydas" }
- ]);
- /**
- * 返回此item的行号
- *
- */
- public function rowNum(item:Object,column:DataGridColumn):String{
- var iIndex: int = ac.getItemIndex(item) + 1;
- return String(iIndex);
- }
- ]]>
- </mx:Script>
-
</mx:Application>
Flex DataGrid显示行号
最新推荐文章于 2022-04-27 09:30:03 发布
本文介绍了一个使用 Flex 和 MXML 创建的 DataGrid 示例。该 DataGrid 显示了如何使用自定义列头、设置列宽以及实现行号显示等功能。此外,还提供了一种通过绑定集合动态填充网格的方法。
188

被折叠的 条评论
为什么被折叠?



