最近,用flex做了一個項目,項目裏面涉及到很多表格和分頁處理,以及按照某個字段全部培訓功能(一般的都是當前頁的排序)。具體代碼如下:<?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <!--[CDATA[ import mx.collections.SortField; import mx.collections.Sort; import mx.collections.ICollectionView; import mx.collections.ArrayCollection; import mx.controls.dataGridClasses.DataGridColumn; import mx.events.DataGridEvent; import mx.controls.Alert; import mx.managers.CursorManager; [Bindable] public var gridData:ArrayCollection; [Bindable] public var page:Boolean = true; [Bindable] public var gridFieldMap:Array; [Bindable] public var pageVisible:Boolean; private var curPageNo:int = 0; [Bindable] public var perPageNum:int = 10; [Bindable] public var sortAll:Boolean = false; private var _pageNum:int = 0; private var _columns:Array = new Array(); private var __empty_data:ArrayCollection = new ArrayCollection(); public function init():void{ this.init_grid_field(); this.clear_data(); this.add_listen_event(); } public function clear_data():void{ if(this.gridData != null){ this.gridData.removeAll(); this.id_dg.dataProvider = __empty_data; //this.id_dg.dataProvider = this.gridData; } } public function load_data(data:Array):void{ if(this.gridData == null) this.gridData = new ArrayCollection(); this.gridData.source = data; this.compute_page_num(); this.init_grid_data(); } private function add_listen_event():void{ this.id_dg.addEventListener(DataGridEvent.HEADER_RELEASE, header_release_handler); } private function header_release_handler(evt:DataGridEvent):void{ if(this.sortAll == false || this.gridData.length == 0) return; var cur_column:DataGridColumn = this.id_dg.columns[evt.columnIndex]; var desc:Boolean = cur_column.sortDescending; var col_view:ICollectionView = ICollectionView(this.gridData); if(cur_column.sortable){ var col_sort:Sort = col_view.sort; var sort_field:SortField = null; if(col_sort){ var sf:Array = col_sort.fields; if(sf.length > 0){ for(var i:int ; i < sf.length; i ++){ if(sf[i].name == cur_column.dataField){ sort_field = sf[i]; desc = !sort_field.descending; break; }//if }//for }//if }//if else col_sort = new Sort(); if(!sort_field) sort_field = new SortField(cur_column.dataField); cur_column.sortDescending = desc; var desc_string:String = (desc)?"DESC":"ASC"; sort_field.name = cur_column.dataField; if(cur_column.sortCompareFunction != null) sort_field.compareFunction = cur_column.sortCompareFunction; else sort_field.compareFunction = null; sort_field.descending = desc; var data_type:String = typeof(col_view[0][cur_column.dataField]); if(data_type == "number") sort_field.numeric = true; col_sort.fields = [sort_field]; this.gridData.sort = col_sort; this.gridData.refresh(); this.set_page_no(this.curPageNo); } } internal function init_grid_field():void{ if(gridFieldMap == null || gridFieldMap.length == 0) return; if(_columns.length != 0){ while(this._columns.length != 0) this._columns.pop(); } for(var i:int = 0; i < this.gridFieldMap.length; i ++){ var item_col:DataGridColumn = new DataGridColumn(); item_col.headerText = gridFieldMap[i].headerText; item_col.dataField = gridFieldMap[i].dataField; if(gridFieldMap[i].filter != undefined && gridFieldMap[i].filter != null) item_col.labelFunction = gridFieldMap[i].filter; if(gridFieldMap[i].sortFunc != undefined && gridFieldMap[i].sortFunc != null){ item_col.sortCompareFunction = gridFieldMap[i].sortFunc; } if(gridFieldMap[i].width != undefined && gridFieldMap[i].width != null){ item_col.width = gridFieldMap[i].width; } item_col.sortable = true; _columns.push(item_col); } this.id_dg.columns = this._columns; } public function set_grid_field(field:Array):void{ this.gridFieldMap = field; } internal function init_grid_data():void{ if(this.gridData == null || this.gridData.length == 0) return; this.curPageNo = 0; this.pagebtn_display(0); this.set_cur_grid_data(); } internal function set_cur_grid_data():void{ if(this.pageVisible == false){ this.id_dg.dataProvider = this.gridData; } else{ var cur_data:Array = new Array(); var cur_num:int = this.curPageNo * this.perPageNum; for(var i:int = 0; cur_num < this.gridData.length && i < this.perPageNum; i ++,cur_num++){ cur_data.push(this.gridData.getItemAt(cur_num)); } var cur_grid_data:ArrayCollection = new ArrayCollection(); cur_grid_data.source = cur_data; this.id_dg.dataProvider = cur_grid_data; var temp:int = 0; if(this.gridData.length != 0) temp = this.curPageNo + 1; this.page_detail.text = "第" + temp + "/" + this._pageNum + "頁,總共記錄數:" + this.gridData.length; } } internal function set_page_no(page_no:int):void{ this.curPageNo = page_no; this.set_cur_grid_data(); } internal function compute_page_num():void{ if(gridData == null || this.gridData.length == 0) return; if(this.pageVisible == true){ var cur_data:Array = this.gridData.source; if(cur_data.length % this.perPageNum == 0) this._pageNum = cur_data.length / this.perPageNum; else this._pageNum = cur_data.length / this.perPageNum + 1; } } internal function first_page(page_no:int):void{ if(this.gridData.length == 0) return; this.pagebtn_display(0); this.set_page_no(page_no); } internal function pagebtn_display(btn_mode:int):void{ switch(btn_mode){ case 0://按了首頁 this.id_first_page.enabled = false; this.id_pre_page.enabled = false; this.id_next_page.enabled = true; this.id_end_page.enabled = true; break; case 1://按了上一頁 if(this.curPageNo - 1 == 0){ this.id_first_page.enabled = false; this.id_pre_page.enabled = false; } this.id_next_page.enabled = true; this.id_end_page.enabled = true; break; case 2://按了下一頁 if(this.curPageNo + 1 == this._pageNum - 1){ this.id_next_page.enabled = false; this.id_end_page.enabled = false; } this.id_first_page.enabled = true; this.id_pre_page.enabled = true; break; case 3://按了末頁 this.id_next_page.enabled = false; this.id_end_page.enabled = false; this.id_pre_page.enabled = true; this.id_first_page.enabled = true; break; } } internal function pre_page(page_no:int):void{ if(this.gridData.length == 0) return; this.pagebtn_display(1); this.set_page_no(page_no); } internal function next_page(page_no:int):void{ if(this.gridData.length == 0) return; this.pagebtn_display(2); this.set_page_no(page_no); } internal function end_page(page_no:int):void{ if(this.gridData.length == 0) return; this.pagebtn_display(3); this.set_page_no(page_no); } ]]--> </mx:Script> <mx:DataGrid id="id_dg" rowHeight="22" width="100%" height="100%" horizontalScrollPolicy="auto"/> <mx:HBox id="page_box" visible="{pageVisible}" includeInLayout="{pageVisible}" width="100%" horizontalAlign="left" verticalAlign="middle"> <mx:LinkButton id="id_first_page" label="首頁" click="first_page(0)" visible="{pageVisible}"/> <mx:LinkButton id="id_pre_page" label="上一頁" click="pre_page(curPageNo - 1)" visible="{pageVisible}"/> <mx:LinkButton id="id_next_page" label="下一頁" click="next_page(curPageNo + 1)" visible="{pageVisible}"/> <mx:LinkButton id="id_end_page" label="末頁" click="end_page(_pageNum - 1)" visible="{pageVisible}"/> <mx:Label text="第0/0頁,總共記錄數:" id="page_detail" fontSize="14"/> </mx:HBox> </mx:VBox>
傳統的佈局概念 基於盒子容器,依賴 display 、position 、float三個屬性,相互制約 Flex佈局概念 1.Flex佈局簡稱 “彈性佈局” 或 “流式佈局” 或 “”伸縮佈局”,各有千秋。 2.是一種當頁面需
前端面試題 - 說一下原型和原型鏈? JavaScript 中,萬物皆對象,對象分爲普通對象和函數對象。 所有的函數都是函數對象(typeof f === 'function'),其他都是普通對象(typeof o === 'object'
唯一索引(Unique Index):保證索引列的值是唯一的,即重複值不允許。 非唯一索引(Non-Unique Index):允許重複值存在。 組合索引(Composite Index):在表的多個列上創建索引。 反向鍵索引(Rever
本文分享自華爲雲社區《GaussDB SQL基本語法示例-CASE表達式》,作者:Gauss松鼠會小助手2。 一、前言 SQL是用於訪問和處理數據庫的標準計算機語言。GaussDB支持SQL標準(默認支持SQL2、SQL3和SQL4的主要
Impala目前支持Hadoop中幾種常見的文件格式 Parquet 、 ORC 、 Text 、 Avro 、 RCFile 和 SequenceFile 。下面簡要說明各種格式的使用、限制和一些注意事項。 不同的文件格式有着不同的適用場
本文分享自華爲雲社區《GaussDB SQL基礎語法示例-BOOLEAN表達式》,作者:Gauss松鼠會小助手2。 一、前言 SQL是用於訪問和處理數據庫的標準計算機語言。GaussDB支持的SQL標準(默認支持SQL2、SQL3和SQL
Map是用於保存具有映射關係的數據集合,它具有雙列存儲的特點,即一次必須添加兩個元素,即一組鍵值對<Key,Value>,其中Key的值不可重複(當Key的值重複的時候,後面插入的對象會將之前插入的具有相同的Key值的對象覆蓋掉),Valu
前端面試題 - null是原始類型,但爲什麼typeof null的結果是object? 造成這個結果的原因是null的內存地址是以000開頭,而js會將000開頭的內存地址視爲object。 通過isNull()來判斷一個值是不是null
DHTMLX Suite UI 組件庫允許您更快地構建跨平臺、跨瀏覽器 Web 和移動應用程序。它包括一組豐富的即用式 HTML5 組件,這些組件可以輕鬆組合到單個應用程序界面中。 DHTMLX Gantt是用於跨瀏覽器和跨平臺應用程序的功
本文分享自華爲雲社區《GaussDB(DWS)向量化執行引擎詳解》,作者: yd_212508532。 前言 適用版本:【基線功能】 傳統的行執行引擎大多采用一次一元組的執行模式,這樣在執行過程中CPU大部分時間並沒有用來處理數據,更
SpringBoot如何優雅的進行參數校驗 一.爲什麼要進行參數校驗 在日常的開發過程中,我們常常需要對傳入的參數進行校驗,比如在web前後端分離項目中,參數校驗有兩個方面: 前端進行參數校驗 後端進行參數校驗 那這兩種
結構特點 List 和 Set 是存儲單列數據的集合,Map 是存儲鍵和值這樣的雙列數據的集合;List 中存儲的數據是有順序,並且允許重複;Map 中存儲的數據是沒有順序的,其鍵是不能重複的,它的值是可以有重複的,Set 中存儲的數據
Ai technology 前言 AppBuilder上線了低代碼製作組件功能,可以通過工作流的方式構建自定義組件,完成簡單Agent無法完成的複雜功能,使得生成的文本更加定製化,
最近在刷一些問題的時候看到有下面一個問題 上面問的是當輸入的字符串爲什麼的時候返回 True 總結 在做題目的時候,第一次還做錯了。 這是因爲解答這個題目的時間只有 3 分鐘,沒有自己看題目 後來拿着程序跑了下。 p
SSE(Server-Sent Events)是一種用於實現服務器主動向客戶端推送數據的技術,也稱爲“事件流”(Event Stream)。它基於 HTTP 協議,利用了其長連接特性,在客戶端與服務器之間建立一條持久化連接,並通過這條連接實