產(chǎn)品詳情
新建一個flex技術(shù) Library Project項目,
新建一個flex技術(shù)MXML Component的文件,名字么就覺customdatagrid,flex的代碼像java,也像javascrpt,可以自己去看看flex技術(shù)
1<?xml version="1.0" encoding="utf-8"?>
2<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" b="400" height="300" xmlns:mydg="*">
3 <mx:Script>
4 <![CDATA[
5 /*
6 自定義datagrid控件元素
7 總共的頁數(shù)
8 當(dāng)前頁面的頁碼
9 所有的記錄數(shù)
10 當(dāng)前也的記錄
11 沒有翻頁的記錄
12
13 */
14 import mx.collections.ArrayCollection;
15 [Bindable]
16 private var mypagedata:ArrayCollection = new ArrayCollection();//當(dāng)前也沒種該顯示的記錄
17 [Bindable]
18 public var mygridcolumns:Array;
19 public var mydata:ArrayCollection;//所有的數(shù)據(jù)
20 public var pagecount:int=10;//表示每頁記錄的條數(shù),默認(rèn)10條,可以由用戶自行定義
21 public var curpage:int;//當(dāng)前的頁碼
22 public var totalpage:int;//一共的頁數(shù)
23 public var totalcount:int;//一共的記錄條數(shù)
24
25 public function initdata(value:ArrayCollection):void
26 {
27 mydata = value;//將所有數(shù)據(jù)都賦值給mydata變量
28 mypagedata.removeAll();//移出當(dāng)前頁面中所有數(shù)據(jù)記錄
29
30 if(mydata.length>0 && null!=mydata)
31 {
32 totalcount = mydata.length;
33 totalpage = (totalcount + pagecount - 1) / pagecount;
34 setPager(0);
35 bpage.minimum=1;
36 bpage.maximum=totalpage;
37 }else{
38 totalcount = 0;
39 totalpage = 0;
40 curpage = 0;
41 bpage.minimum = 0;
42 bpage.maximum = 0;
43 pagedetail.text = "第0頁/共0頁 共0條紀(jì)錄";
44 }
45 }
46 public function setPager(value:int):void
47 {
48 if(value<0 || value>totalpage) return;
49 curpage = value;
50 var curNum:int = value*pagecount;//計算出要跳轉(zhuǎn)到的頁面種的第一條記錄在所有的記錄種是第幾條記錄
51 mypagedata.removeAll();//移出變量中的數(shù)據(jù),以便插入新數(shù)據(jù),頁面中顯示的是這個變量中的數(shù)據(jù)
52 for(var i:int=0;curNum<mydata.length&&i<pagecount;i++,curNum++)
53 //循環(huán)的次數(shù)既要小于所有的記錄數(shù),也要小于每個頁面能顯示的記錄數(shù);并且curNum變量中的值也要增加
54 {
55 mypagedata.addItem(mydata.getItemAt(curNum));//依次抽取記錄
56 }
57 var temp:int = curpage+1;//頁碼中第一張頁面是0,也就是說實際顯示的頁碼是+1后的值
58 pagedetail.text = "第"+temp+"頁/共"+totalpage+"頁 共條"+totalcount+"記錄";
59 }
60 ]]>
更多相關(guān)產(chǎn)品咨詢可以查詢：flex技術(shù) http://bbs.9ria.com/forum-5-1.html
