日韩中文有码,尤物在线精品,亚洲国产高清精品

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

Wijmo5 Flexgrid基礎(chǔ)教程：簡單過濾FlexGridFilter

轉(zhuǎn)帖|使用教程|編輯：龔雪|2016-02-06 09:16:16.000|閱讀 745 次

概述：C1Flexgrid在其他的平臺（WinForm, WPF)都支持了表頭過濾，那么wijmo5 flexgrid是否也支持？本文就來介紹如何簡單的實(shí)現(xiàn)wijmo5 flexgrid的過濾。

相關(guān)鏈接：

C1Flexgrid在其他的平臺（WinForm, WPF)都支持了表頭過濾，那么wijmo5 flexgrid是否也支持？本文就來介紹如何簡單的實(shí)現(xiàn)wijmo5 flexgrid的過濾。

對于flexgrid控件的過濾操作，就需要FlexGridFilter擴(kuò)展（wijmo.grid.filter.js）。這個(gè)過濾操作會出現(xiàn)在表格的column headers。點(diǎn)擊過濾的圖標(biāo)，然后就會展示一個(gè)基于值的過濾界面。為了在flexgrid控件上實(shí)現(xiàn)一個(gè)類似Excel樣式的過濾，就需要創(chuàng)建FlexGridFilter的實(shí)例。首先需要復(fù)制文件（wijmo.grid.filter.js）到本地文件夾，然后在頁面引用這個(gè)文件。

<script src="wijmo.grid.filter.min.js" type="text/javascript"></script>

然后使用擴(kuò)展創(chuàng)建FlexGridFilter的實(shí)例，然后傳遞表格作為參數(shù)給構(gòu)造方法。代碼參考：

// create FlexGrid
var flex = new wijmo.grid.FlexGrid('#gridElement');
// enable filtering on the FlexGrid
var filter = new wijmo.grid.filter.FlexGridFilter(flex);

一旦設(shè)置這個(gè)，就會在ColumnHeader的位置出現(xiàn)過濾的圖標(biāo)，如下：