閱讀(4.6k) 書(shū)簽贊(0) 我要糾錯(cuò)

jQuery EasyUI 擴(kuò)展 – 數(shù)據(jù)網(wǎng)格行過(guò)濾

2018-09-16 10:41 更新

jQuery EasyUI 擴(kuò)展 - 數(shù)據(jù)網(wǎng)格行過(guò)濾（DataGrid Filter Row）

<script type="text/javascript" src="datagrid-filter.js"></script>

var dg = $('#dg');
dg.datagrid();	// create datagrid
dg.datagrid('enableFilter');	// enable filter

該屬性擴(kuò)展自數(shù)據(jù)網(wǎng)格（datagrid），下面是為數(shù)據(jù)網(wǎng)格（datagrid）添加的屬性。

名稱	類型	描述	默認(rèn)值
filterMenuIconCls	string	過(guò)濾菜單項(xiàng)（指示要使用的項(xiàng)目）的圖標(biāo) class。	icon-ok
filterBtnIconCls	string	過(guò)濾按鈕的圖標(biāo) class。	icon-filter
filterBtnPosition	string	過(guò)濾按鈕的位置?？赡艿闹凳?'left' 和 'right'。	right
filterPosition	string	過(guò)濾欄相對(duì)于列的位置?？赡艿闹凳?'top' 和 'bottom'。	bottom
remoteFilter	boolean	設(shè)置為 true 則執(zhí)行遠(yuǎn)程過(guò)濾。當(dāng)啟用時(shí)，'filterRules' 參數(shù)將發(fā)送到遠(yuǎn)程服務(wù)器。 'filterRules' 參數(shù)的值由 'filterStringify' 函數(shù)獲得。	false
filterDelay	number	從 'text' 過(guò)濾組件中最后一個(gè)鍵輸入事件起，延遲執(zhí)行過(guò)濾的時(shí)間。	400
filterRules	array	過(guò)濾規(guī)則的定義。每個(gè)規(guī)則包含 'field'、'op' 和 'value' 屬性。	[]
filterStringify	function	把過(guò)濾規(guī)則字符串化的函數(shù)。	function(data){ return JSON.stringify(data); }

下面的方法擴(kuò)展自數(shù)據(jù)網(wǎng)格（datagrid）。

名稱	參數(shù)	描述
enableFilter	filters	創(chuàng)建并啟用過(guò)濾功能。 'filters' 參數(shù)是一個(gè)過(guò)濾配置的數(shù)組。每一項(xiàng)包含下列屬性： 1) field：需要定義規(guī)則的域。 2) type：過(guò)濾類型，可能的值：label、text、textarea、checkbox、numberbox、validatebox、datebox、combobox、combotree。 3) options：過(guò)濾類型的選項(xiàng)。 4) op：過(guò)濾操作，可能的值：contains、equal、notequal、beginwith、endwith、less、lessorequal、greater、greaterorequal。代碼實(shí)例： $('#dg').datagrid('enableFilter'); $('#dg').datagrid('enableFilter', [{ field:'listprice', type:'numberbox', options:{precision:1}, op:['equal','notequal','less','greater'] }]);
addFilterRule	param	添加一個(gè)過(guò)濾規(guī)則。 $('#dg').datagrid('addFilterRule', { field: 'desp', op: 'contains', value: 'easyui' });
removeFilterRule	field	移除過(guò)濾規(guī)則。如果 'field' 參數(shù)未指定，移除所有的過(guò)濾規(guī)則。
doFilter	none	基于過(guò)濾規(guī)則執(zhí)行過(guò)濾。
getFilterComponent	field	在指定的域上獲取過(guò)濾組件。

以上內(nèi)容是否對(duì)您有幫助：

寫(xiě)筆記

我要補(bǔ)充