Flex4.5 DataGrid自动显示行号

今天在用Flex4.5 DataGrid自动显示行号时,在网上搜索了半天,都是说的Felx4 中如何自动显示行号,自己查阅Flex4.5API将问题解决,先将解决方法发上来,和大家分享下

1.创建一个项呈显器RowNumberItemRender,代码如下

 

<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true">
 
 <fx:Script>
  <![CDATA[
   override public function set rowIndex(value:int):void{
    
    lblData.text=(value+1).toString();
   }
  ]]>
 </fx:Script>
 <s:HGroup width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
  <s:Label id="lblData"/>
 </s:HGroup>
</s:GridItemRenderer>

 

2.在DataGrid中调用即可自动显示行号

 

<s:DataGrid  id="productData" width="820" height="430"  rowHeight="65"   requestedRowCount="6"     styleName="index_main_datagrid"  itemRenderer="pages.commpent.GridItemRender" skinClass="skin.skin1920.IndexDataSkin">
       <s:columns>
        <s:ArrayList>
         <s:GridColumn headerText="序号" width="80"    itemRenderer="pages.commpent.RowNumberItemRender"></s:GridColumn>
         <s:GridColumn dataField="productNo" headerText="产品工号" width="140"></s:GridColumn>
         <s:GridColumn dataField="productName" headerText="产品名称"></s:GridColumn>
         <s:GridColumn dataField="standardModel" headerText="规格型号" width="140"></s:GridColumn>
         <s:GridColumn dataField="units" headerText="单位" width="80"></s:GridColumn>
        </s:ArrayList>
       </s:columns>
      </s:DataGrid>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值