`

Flex DataGrid 在首列增序号

    博客分类:
  • Flex
 
阅读更多

1、编写as类

package components
{
    import mx.controls.Label;
    import mx.controls.listClasses.BaseListData;
    import mx.controls.listClasses.ListBase;
   
   
    public class ItemRendererNumber extends Label
    {
        public function ItemRendererNumber ()
        {
            super();
        }
       
//        //另一种方法获取dataProvider并调用getItemIndex方法 
//              override public function set data(value:Object):void{ 
//                  super.data = value; 
//                  text = (((listData.owner as ListBase).dataProvider as IList) 
//                      .getItemIndex(data) + 1).toString(); 
//              } 
       
        override public function set listData(value:BaseListData):void
        {
            super.listData  = value;
            text = ((value.owner as ListBase).itemRendererToIndex(this)+1).toString();
        }
    }
}

2、在mxml里的调用

<mx:DataGrid id="grid"> 
        <mx:columns>             
            <mx:DataGridColumn headerText="no" itemRenderer="{new ClassFactory(components.ItemRendererNumber)}"/> 
            <mx:DataGridColumn headerText="name" dataField="name"/> 
        </mx:columns>

分享到:
评论

相关推荐

    Flex 自定义DataGrid,带增删改查等各种功能

    Flex 自定义DataGrid,带增删改查等各种功能.列锁定,序号等各种功能.

    flex datagrid

    Flex DataGrid 是 Adobe Flex 中一个重要的组件,用于展示结构化数据。它以表格形式呈现,非常适合用来显示多列数据,并提供了排序、选择、编辑等多种功能。在这个教程中,我们将深入探讨 DataGrid 的基本使用和一些...

    flex datagrid中实现显示序列号

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于展示结构化的数据。当我们需要在DataGrid中显示序列号时,通常会利用`itemRenderer`功能来实现。`itemRenderer`是Flex提供的一种自定义数据显示的方式,...

    Flex教程之DataGrid用法

    在Flex开发中,`DataGrid`是一个非常重要的UI组件,它能够以表格形式展示数据集合,支持数据的排序、筛选等功能。本文将详细介绍Flex中`DataGrid`控件的使用方法,包括通过MXML与ActionScript的不同实现方式,并给出...

    flex 常用组件附例子介绍

    3. **列排序**:用户可以在运行时拖动列头来重新排列列的顺序。 4. **自定义列标题**:开发者可以自定义列标题的显示方式。 5. **自定义项渲染**:可以通过自定义项渲染器来展示非文本数据。 6. **排序功能**:支持...

    Flex动态生成可编辑的DataGrid具体实现代码

    在本部分内容中,我们将详细探讨Flex技术中如何实现一个动态生成并可编辑的DataGrid。DataGrid是一个常用的用于展示表格数据的组件,它允许用户通过直观的界面进行数据的浏览和编辑。在本例中,DataGrid组件将具备...

Global site tag (gtag.js) - Google Analytics