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

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

?

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

包含 'datagrid-filter.js' 文件

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

啟用過(guò)濾（Filter）

var dg = $('#dg');

dg.datagrid(); // create datagrid

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

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

屬性

該屬性擴(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ò)濾組件。

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

總結(jié)

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

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