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

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

?

二：使用datagride-filter.js實現過濾

包含 '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

綁定搜索條件（添加過濾規則）

屬性

該屬性擴展自數據網格（datagrid），下面是為數據網格（datagrid）添加的屬性。

名稱類型描述默認值

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

方法

下面的方法擴展自數據網格（datagrid）。

名稱參數描述

enableFilter	filters	創建并啟用過濾功能。 'filters' 參數是一個過濾配置的數組。 每一項包含下列屬性： 1) field：需要定義規則的域。 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	添加一個過濾規則。 $('#dg').datagrid('addFilterRule', { field: 'desp', op: 'contains', value: 'easyui' });
removeFilterRule	field	移除過濾規則。 如果 'field' 參數未指定，移除所有的過濾規則。
doFilter	none	基于過濾規則執行過濾。
getFilterComponent	field	在指定的域上獲取過濾組件。

轉載于:https://www.cnblogs.com/min-min-min/p/5621545.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。