Flex 开发学习笔记3 - Flex Component 组件开发-分页列表

阅读更多

 

以下是我开发的Flex列表，该列表的分页参照了Kelvin的教程。以下是该列表的样式：

 

 

从这个列表的开发过程中感觉到了 Flex Component 的强大与方便！比如在这个列表中，分页列表作成了 Flex Component 组件，并自定义了双击事件(也可以增加自定义属性)，可以被应用到不同的列表中，达到了组件共用的目的。以下是该分页条的代码：

    
    
        [Event(name="dataGridDoubleClick", type="flash.events.Event")]
    
    
    

       分页DataGrid

            by Kelvin 2008-02-24

            MSN:[email protected]

            Email:[email protected]

            
            因为是一次取出全部数据，所以适合数据量不会太大的情况。

            加了一个pageSize,用来控制每页显示的行数，可以在调用这个组件的时候为pageSize属性赋值，

            默认为每页显示10行数据,不需要为DataGrid指定高度。

            参考 古刹飞鹰@E鹰创作室 的文章

            */

           import mx.collections.ArrayCollection;

           

           [Bindable]public var pageSize:int=10;//每页显示行数

           [Bindable]private var totalPage:int=0;//总页数

           [Bindable]private var currentPage:int=0;//当前页

           

           [Bindable]
           public var acAllData:ArrayCollection;//所有数据

           [Bindable]
           private var acPageData:ArrayCollection=new ArrayCollection();//当前页数据

           [Bindable]
           public var arrColumns:Array;//DataGrid列,在调用时需要为这个数组设置数据


           //初始化

           public function init(value:ArrayCollection):void

           {

              acAllData=value;

              if(acAllData.length!=0 && acAllData!=null)

              {

                  totalPage=Math.ceil(acAllData.length/pageSize);

                  loadData(0);

              }else{

                  currentPage=0;

                  totalPage=0;

              }

           }

           

           //加载数据

           private function loadData(pageNum:int):void

           {

              if(pageNum>=0 && pageNum