在Asp.net中爲jqGrid添加自己的搜索參數mvc

Question

我剛剛開始研究asp.net mvc和jqgrid。

我有一個日曆，它返回一個日期，一個多選列表框，並在網格外應用過濾器按鈕。有沒有一種方法可以根據選定的日期和多個選定的值將這些過濾器值傳遞給服務器端actionresult GridData（），並且在分頁或排序時它仍然存在。

公衆的ActionResult的GridData（字符串SIDX，串SORD，詮釋？頁，INT？行，收藏categoryOptions，串FROM日期） {..}

謝謝！

Answer 1

首先關於參數postData（請參閱http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options），您可以向服務器發送附加信息。在Should one replace the usage addJSONData of jqGrid to the usage of setGridParam(), and trigger('reloadGrid')?你可能也可以找到一些信息，這可以幫助你在jqGrid中進行數據刷新。

在我看來，這可能不是jqGrid以外的自定義過濾標準數據過濾（搜索）可以幫助你。我在某些網頁上使用混合自定義過濾，並幾乎在任何地方使用「高級搜索」（請參閱​​http://www.trirand.com/jqgridwiki/doku.php?id=wiki:advanced_searching）。 「高級搜索」是一種讓您可以在不同條件下同時搜索多個字段的方式。

您的網址會被追加：

_search = {_搜索} &頁= {PAGE} &行= {行} & SIDX = {sortIndex} & SORD = {sortDirection} & searchField = {searchField } &搜索字符串= {}搜索字符串& searchOper = {} searchOper過濾& = {}過濾

，你應該更新你的函數原型記者。從過濾器的信息JSON壓縮對象像

filters = 
    {"groupOp":"AND", 
    "rules":[ 
     {"field":"invdate","op":"ge","data":"2007-10-06"}, 
     {"field":"invdate","op":"le","data":"2007-10-20"}, 
     {"field":"name","op":"bw","data":"Client 3"} 
     ] 
    } 

分析從過濾信息我個人使用DataContractJsonSerializer。該代碼片段是：

MemoryStream ms = new MemoryStream (Encoding.Unicode.GetBytes (filters)); 
DataContractJsonSerializer serializer = new DataContractJsonSerializer (typeof(jqGridSearchFilter)); 
ms.Position = 0; 

jqGridSearchFilter searchFilter = (jqGridSearchFilter)serializer.ReadObject (ms); 
string groupOp = null; 
if (!String.IsNullOrEmpty(searchFilter.groupOp) && 
    String.Compare (searchFilter.groupOp, "AND", StringComparison.Ordinal) == 0) 
    groupOp = "AND"; 
else if (!String.IsNullOrEmpty(searchFilter.groupOp) && 
     String.Compare (searchFilter.groupOp, "OR", StringComparison.Ordinal) == 0) 
    groupOp = "OR"; 
else { 
    arSearchStringParameters = null; 
    return null; 
} 
for (int i=0; i "WHERE ".Length) 
     sb.Append (groupOp); 
    AppendWhere (sb, _search, 
     searchFilter.rules[i].field, searchFilter.rules[i].op, searchFilter.rules[i].data, 
     arColumnInfos, parameters); 
}

其中

internal enum GroupOperation { 
    AND, 
    OR 
} 

[DataContract] 
internal class jqGridSearchFilterItem { 
    [DataMember] 
    internal string field = null; 
    [DataMember] 
    internal string op = null; 
    [DataMember] 
    internal string data = null; 
} 

[DataContract] 
internal class jqGridSearchFilter { 
    [DataMember] 
    internal string groupOp = null; //GroupOperation groupOp; 

    [DataMember] 
    internal List rules = null; 
}

Answer 2

是的，你可以使用POSTDATA屬性與每個請求發送額外的濾波參數。請注意，只有當您使用JSON來填充網格時，此功能纔有效。只需要一個返回JsonResult的動作即可。

在你的jqGrid配置包括：

 
postData: { 
    startDate: function() { return $('#startDate').val(); }, 
    anotherFilter: function() { return $('#anotherFilter').val(); } 
} 

對於您的應用篩選按鈕調用$（ '＃GridName'）觸發器（ 'reloadGrid'）。或者，我喜歡在過濾器更改時重新加載網格。你可以使用jQuery做到這一點：

 
$('#filterName').change(function(){$('#GridName').trigger('reloadGrid');}) 

你的JSON應該包含這些屬性的jqGrid理解它：

 
total = pagedList.PageCount, 
page = pagedList.PageNumber, 
records = pagedList.TotalItemCount, 
rows = pagedList.ToArray()