閱讀(4.7k) 書簽贊(0) 我要糾錯

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

2018-09-16 10:41 更新

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

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

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

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

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

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

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

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

寫筆記

我要補充