一：首行放置搜索元素（可以是easyui中的input、datetimebox、combox等等）

將各個元素的value值獲取到存為Json格式(data{a:..，b:..,c:..})，再回車或者確認搜索時將數(shù)據(jù)提交到后臺，提交時可以使用datagride的reload方法$（"#dg"）.datagride('reload',data),后臺使用API接收數(shù)據(jù)（[FromBody] value）,后臺取數(shù)據(jù)的方法為：var a=value（[a]）,之后用于作為查詢數(shù)據(jù)的條件

?

二：使用datagride-filter.js實現(xiàn)過濾

包含 'datagrid-filter.js' 文件

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

啟用過濾（Filter）

var dg = $('#dg');

dg.datagrid(); // create datagrid

dg.datagrid('enableFilter'); // enable filter

綁定搜索條件（添加過濾規(guī)則）

屬性

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

名稱類型描述默認值

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	在指定的域上獲取過濾組件。

轉(zhuǎn)載于:https://www.cnblogs.com/min-min-min/p/5621545.html

總結(jié)

以上是生活随笔為你收集整理的dagride实现模糊查询的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。