国产高清无码,福利在线不卡一区,国产中文字幕日韩

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

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

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

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

<Wijmo Enterprise下載>

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

對(duì)于flexgrid控件的過濾操作，就需要FlexGridFilter擴(kuò)展（wijmo.grid.filter.js）。這個(gè)過濾操作會(huì)出現(xiàn)在表格的column headers。點(diǎn)擊過濾的圖標(biāo)，然后就會(huì)展示一個(gè)基于值的過濾界面。為了在flexgrid控件上實(shí)現(xiàn)一個(gè)類似Excel樣式的過濾，就需要?jiǎng)?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è)，就會(huì)在ColumnHeader的位置出現(xiàn)過濾的圖標(biāo)，如下：