我通过我的控制器将 Json 数据传递到 JqGrid 表?我希望通过我的控制器以及过滤器/搜索来完成分页和排序。这是一个动态搜索过滤器,所以 searchOnEnter = false。我不想要 loadonce = true 因为它会停止分页/排序,但它会启用客户端过滤器/搜索。我希望我的过滤器搜索像这样工作
每当我在 Jqgrid 中的任何列的搜索字段中键入数据时,我都能接收到 json 获取请求。例如,当我在 JqGrid 表中 Name 列的搜索文本框中键入“Kei”时,我收到一个 GET application/json 请求,如下所示:
[例如不是一个真实的链接]
http://local/Home/CallGrid?_search=true&nd=1388596935527&rows=10&page=1&sidx=&sord=asc&filters=%7B%22groupOp%22%3A%22AND%22%2C%22rules%22%3A%5B%7B%22field%22%3A%22Name%22%2C%22op%22%3A%22bw%22%2C%22data%22%3A%22Kei%22%7D%5D%7D
我遇到的问题是我的 json 表上的当前数据没有被 GET application/json 请求过滤。我正在使用 Firefox 进行调试。例如,如果我在电子邮件列上键入“p”,则查询参数和 json 内容的内容如下所示,但没有任何内容被过滤:
查询参数
Parameter Value
_search true
nd 1388537724720
rows 10
page 1
sidx
sord asc
filters {"groupOp":"AND","rules":[{"field":"EmailAddress","op":"bw","data":"p"}]}
内容
Type: application/json
{"total":2,"page":1,"records":14,"filters":"{\"groupOp\":\"AND\",\"rules\":
[{\"field\":\"CallTransTypeDesc\",\"op\":\"bw\",\"data\":\"p\"}]}","SortColumn":"",
"SortOrder":"asc","rows":[{"CallTransTypeDesc":"Customer Service",
"CallTransCodeDesc":"ANSWER QUESTION/RESENT KIT",
"CallTransSiteLocation":"Houston, TX","AgentIdentifier":"ROKUNEYE"},
{"CallTransTypeDesc":"Customer Service","CallTransCodeDesc":
"CROSS SELL NOT OFFERED CSV","CallTransSiteLocation":"Houston, TX",
"AgentIdentifier":"ROKUNEYE"},
{"CallTransTypeDesc":"Customer Service","CallTransCodeDesc":
"TRV/FRM/COMPANION TICKET","CallTransSiteLocation":"Westerville, OH",
"AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Customer Service","CallTransCodeDesc":
"TRV/RBT/$40 GAS COUPON","CallTransSiteLocation":"Westerville, OH",
"AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Customer Service","CallTransCodeDesc":
"CROSS SELL NOT ACCEPTED CSV","CallTransSiteLocation":"Westerville, OH",
"AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Customer Service","CallTransCodeDesc":
"30 DAYS TERM EXTENSION","CallTransSiteLocation":"Westerville, OH",
"AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Save","CallTransCodeDesc":"BENEFIT ONLY SAVE",
"CallTransSiteLocation":"Westerville, OH","AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Save","CallTransCodeDesc":"BENEFIT ONLY SAVE",
"CallTransSiteLocation":"Westerville, OH","AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Fulfillment","CallTransCodeDesc":null,
"CallTransSiteLocation":
"Westerville, OH","AgentIdentifier":"JAALLEN"},
{"CallTransTypeDesc":"Fulfillment","CallTransCodeDesc":null,
"CallTransSiteLocation":
"Westerville, OH","AgentIdentifier":"JAALLEN"}]}
我唯一的结论是我必须将QueryStringParameter
C# 类添加到我的控制器中,以便我可以将 json 过滤参数从我的 url 获取到处理传递 json 数据的控制器的一部分。但我不确定我会如何做到这一点。任何建议和参考将不胜感激。
我相信修复这个 json 搜索/过滤问题的主要区域将在控制器中,这是控制器的外观:
public JsonResult CallGrid(GridSettings settings, string sord, string sidx, bool _search, NamedQueryCallInfo filter, string filters)
{
// Controller for Grid code to work on view TranHistViewGrid.cshtml
//string rice = settings.SortColumn;
// string wice = settings.SortOrder
//Gets the Referer Header string url string
Uri MyUrl = Request.UrlReferrer;
// repersents data for the postService value found above in the Referer url
string postService = HttpUtility.ParseQueryString(MyUrl.Query).Get("postService");
// repersents data for the postMemberId value found above in the Referer url
string postMemberId = HttpUtility.ParseQueryString(MyUrl.Query).Get("postMemberId");
// repersents data for the postJoinDate value found above in the Referer url
string postJoinDate1 = HttpUtility.ParseQueryString(MyUrl.Query).Get("postJoinDate");
DateTime postJoinDate = Convert.ToDateTime(postJoinDate1);
//Nhibernate code Connection to obtain query.
NhbHelper.NHibernateHelperBizin nbh;
nbh = new NhbHelper.NHibernateHelperBizin();
ISession nhbSession = NHibernateHelperBizin.GetCurrentSession();
ITransaction nhbTransaction = nhbSession.BeginTransaction();
//IQueryable<NamedQueryCallInfo> customers = null;
// NamedQueryCallInfo customerRepository = new NamedQueryCallInfo();
IQuery nhbQuery = nhbSession.GetNamedQuery("NamedQueryCallInfo");
nhbQuery.SetParameter("queryparamContractId", postMemberId);
nhbQuery.SetParameter("queryparamService", postService);
nhbQuery.SetParameter("queryparamJoinDate", postJoinDate);
//queryList instantiate query value to pass vaules in the query code mapped to database
IList<NamedQueryCallInfo> queryList1 = nhbQuery.SetResultTransformer(NHibernate.Transform.Transformers
.AliasToBean(typeof(NamedQueryCallInfo))).List<NamedQueryCallInfo>();
/*
//------------------
* var context = new HaackOverflowDataContext();
var context = new HaackOverflowEntities();
var serializer = new JavaScriptSerializer();
Filters f = (!_search || string.IsNullOrEmpty(filters)) ? null : serializer.Deserialize<Filters>(filters);
ObjectQuery<NamedQueryCallInfo> filteredQuery =
(f == null ? context.Questions : f.FilterObjectSet(context.Questions));
filteredQuery.MergeOption = MergeOption.NoTracking;
//------------------------------
*/
// NamedQueryCallInfo filter = new NamedQueryCallInfo();
// var orderedCustomers = OrderCustomers(customers, settings.SortColumn, settings.SortOrder);
if (settings.IsSearch)
{
// filter.CallTransDate = settings.Where.rules.Any(r => r.field == "CallTransDate") ?
// DateTime.ParseExact(settings.Where.rules.FirstOrDefault(r => r.field == "CallTransDate").data,
// "M/d/yyyy", null) : DateTime.MinValue;
filter.Service = settings.Where.rules.Any(r => r.field == "CallTransTypeDesc") ?
settings.Where.rules.FirstOrDefault(r => r.field == "CallTransTypeDesc").data : string.Empty;
filter.Service = settings.Where.rules.Any(r => r.field == "CallTransCodeDesc") ?
settings.Where.rules.FirstOrDefault(r => r.field == "CallTransCodeDesc").data : string.Empty;
filter.Service = settings.Where.rules.Any(r => r.field == "CallTransSiteLocation") ?
settings.Where.rules.FirstOrDefault(r => r.field == "CallTransSiteLocation").data : string.Empty;
filter.Service = settings.Where.rules.Any(r => r.field == "AgentIdentifier") ?
settings.Where.rules.FirstOrDefault(r => r.field == "AgentIdentifier").data : string.Empty;
}
//string x = settings.SortOrder;
//string y = settings.SortColumn;
// NamedQueryCallInfo customerRepository = new NamedQueryCallInfo();
//--IList<NamedQueryCallInfo> customerRepository = null;
// var customers = customerRepository.ToArray(filter, settings.SortColumn, settings.SortOrder, settings.PageIndex );
//ReplicationMode ytr = new ReplicationMode();
// CallGrid(GridSettings r, sord, sidx);
int count = queryList1.Count(); //--- number of total items from query
int page = settings.PageIndex;
int totalPages = (int)Math.Ceiling((double)count / settings.PageSize);
// CallGrid(); try to take out the sord and sidx above
var questions = queryList1;
/*
customers = customerRepository.CallGrid(filter,
settings.SortColumn,
settings.SortOrder,
settings.PageSize,
settings.PageIndex,
out totalPages);
*/
// instantiation that gives varable data test the ability to act like linq and convert query data to Json data.
var test = questions.AsQueryable<NamedQueryCallInfo>().Select(c => c);
IEnumerable<NamedQueryCallInfo> sortedRecords = test.ToList();
//sortedRecords = orderedCustomers.sortedRecords;
if (sord == "desc")
//string w = settings.SortOrder;
sortedRecords = sortedRecords.Reverse();
sortedRecords = sortedRecords.Skip((settings.PageIndex - 1) * settings.PageSize).Take(settings.PageSize).ToArray();
//----------------------
var result = new
{
total = totalPages, //--- number of pages
page, //--- current page
records = count, //--- total items
//filters,
rows = (from p in sortedRecords
select new
{
// CallTransDate = p.CallTransDate.ToShortDateString(),
CallTransTypeDesc = p.CallTransTypeDesc,
CallTransCodeDesc = p.CallTransCodeDesc,
CallTransSiteLocation = p.CallTransSiteLocation,
AgentIdentifier = p.AgentIdentifier,
}).ToArray()
};
return Json(result, JsonRequestBehavior.AllowGet);
}
这是我的看法:
@(Html.Grid("search")
.SetCaption("Jq-Grid Call View")
//.SetLoadUi(MvcJqGrid.Enums.LoadUi.Enable)
.SetRequestType(RequestType.Get)
.SetViewRecords(true)
// .AddColumn(new Column("CallTransDate")
// .SetLabel("Call Date").SetSearch(true).SetSearchType(MvcJqGrid.Enums.Searchtype.Datepicker).SetSearchDateFormat("M/d/yyyy").SetSearchOption(MvcJqGrid.Enums.SearchOptions.Equal))
.AddColumn(new Column("CallTransTypeDesc").SetLabel("Call Type Desc").SetSearch(true).SetSearchOption(SearchOptions.BeginsWith))
.AddColumn(new Column("CallTransCodeDesc").SetLabel("Call Code Desc").SetSearch(true).SetSearchOption(SearchOptions.BeginsWith).SetSortable(true))
.AddColumn(new Column("CallTransSiteLocation").SetLabel("Call Site Location").SetSearch(true).SetSearchOption(SearchOptions.BeginsWith))
.AddColumn(new Column("AgentIdentifier").SetLabel("Agent Identifier").SetSearch(true).SetSearchOption(SearchOptions.BeginsWith))
.SetUrl(Url.Action("CallGrid", "Kore"))
// .SetUrl("~/Home/TranHistViewGrid")
.SetAutoEncode(true)
.SetDataType(DataType.Json)
.SetJsonReader(jsonReader)
.SetLoadUi(LoadUi.Block)
.SetAutoWidth(true)
.SetSortOnHeaderClick(true)
.SetRowList(new[]{10,15,20,50})
//.SetSearchClearButton(true)
.SetRowNum(10)
.SetToolbar(true)
.SetSearchToolbar(true).SetSearchOnEnter(false)
.SetShowAllSortIcons(true)
.SetShrinkToFit(true)
.SetIgnoreCase(true)
.SetPager("pager")
.OnLoadBeforeSend("addGridSearchOption")
.SetGridView(true)
//.OnSerializeGridData("function (data) {return JSON.stringify(data);}")
)
脚本
<script type="text/javascript">
/*
jQuery(document).ready(function () {
$("#search").setGriddParam({ datatype: 'json', page: 10 }).trigger('reloadGrid');
}
); */
function addGridSearchOption(grid, fieldName, fieldValue) {
if (grid[0].p.search == false) {
f = { groupOp: "AND", rules: [] };
f.rules.push({ field: fieldName, op: "bw", data: fieldValue });
grid[0].p.search = true;
$.extend(grid[0].p.postData, { filters: JSON.stringify(f) });
}
else {
tFilters = eval('(' + grid[0].p.postData.filters + ')');
var bAddRule = true;
var i = 0;
for (var tRule in tFilters.rules) {
if (tFilters.rules[i].field == fieldName) {
tFilters.rules[i].data = fieldValue;
bAddRule = false;
}
i++;
}
if (bAddRule) {
tFilters.rules.push({ field: fieldName, op: "bw", data: fieldValue });
} grid[0].p.postData.filters = JSON.stringify(tFilters);
}
}
/*
function processrequest(postdata) {
$.ajax({
complete: function (jsondata, stat) {
if (stat == "success") {
var thegrid = jQuery("#list2")[0];
var jsonObject = (eval("(" + jsondata.responseText + ")"));
thegrid.addJSONData(jsonObject.d);
$(".loading").hide();
} else {
$(".loading").hide();
alert("Error with AJAX callback");
}
$("#search").setGridParam({ datatype: 'local' });
}
});
}
*/
//jQuery("#search").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });
</script>