[英]pass kendo grid DataSourceRequest from javascript to ASP.NET
i use kendo ui grid (for asp.net mvc) without problem if i declare dataSource transport read as url like: 如果我将dataSource传输声明为url,则我使用kendo ui网格(对于asp.net mvc)没有问题,例如:
var dataSource = {
pageSize: 20,
batch: true,
serverOperation: true,
serverPaging: true,
serverSorting: true,
serverFiltering: true,
type: "aspnetmvc-ajax",
transport:
{
read:
{
url: '/Home/GetNodes',
type: "POST",
dataType: "json",
data: function ()
{
return {'p1': 'some text', 'p2': 'other'}
}
}
}
};
now the problem is that i want do use function mode read (is a software design requirement) but the sintax used to pass request parameters to server differ from use transport type "aspnetmvc-ajax" or not. 现在的问题是,我想使用功能模式读取(这是软件设计要求),但是用于将请求参数传递给服务器的正弦码与使用传输类型“ aspnetmvc-ajax”不同。 if i set transport type "aspnetmvc-ajax" the read function is not fired, but if not set transport type "aspnetmvc-ajax" the request parameter is not passed well on server side! 如果我设置传输类型为“ aspnetmvc-ajax”,则不会触发读取功能,但是如果未设置传输类型为“ aspnetmvc-ajax”,则请求参数不会在服务器端正确传递!
if i watch the post parameters sent via http: 如果我看通过http发送的发布参数:
with transport type "aspnetmvc-ajax": 传输类型为“ aspnetmvc-ajax”:
page:1
pageSize:20
sort:Field1-asc
filter:Field1~eq~'value1'
without transport type "aspnetmvc-ajax": 没有传输类型“ aspnetmvc-ajax”:
page:1
pageSize:20
sort:[{field:Field1, dir:asc}]
filter:{filters:[{operator:eq, value:value1, field:Field1}], logic:and}
sort and filter value parameters differ from "aspnetmvc-ajax" version and server-side are null! sort和filter值参数不同于“ aspnetmvc-ajax”版本,服务器端为null!
as workaround i manually parse the request params inside parameterMap as shown on bottom, translating sort and filter value sintax compliance with "aspnetmvc-ajax" version and server side are passed well. 作为解决方法,我手动解析了parameterMap内的请求参数,如底部所示,翻译排序和筛选器值sintax符合“ aspnetmvc-ajax”版本,并且服务器端传递得很好。
thanks 谢谢
attually my workaround is: 直觉上我的解决方法是:
var dataSource = {
pageSize: 20,
batch: true,
serverOperation: true,
serverPaging: true,
serverSorting: true,
serverFiltering: true,
transport:
{
read: function (options)
{
var request = $scope.grdDocuments.dataSource.transport.parameterMap({
filter: $scope.grdDocuments.dataSource.filter(),
group: $scope.grdDocuments.dataSource.group(),
sort: $scope.grdDocuments.dataSource.sort(),
page: $scope.grdDocuments.dataSource.page(),
pageSize: $scope.grdDocuments.dataSource.pageSize()
});
httpService.GetNodes(request.filter, request.group, request.sort, request.page, request.pageSize, sFolderId, ... other parameters)
.then(
function (args)
{
//Verifica esito della richiesta http
if (!sharedService.CheckHttpRequestResult(args, 'GetNodes'))
{
options.error(null);
return;
}
options.success(args.data);
}
);
},
parameterMap: function (data, operation)
{
//Trasformazione parametro filter
if (typeof data.filter !== 'undefined')
{
//normale: {filters:[{operator:eq, value:a, field:Affidatario}], logic:and}
//trasformato: Affidatario~eq~'a'
var filter = '';
for (var i = 0; i < data.filter.filters.length; i++)
{
if (filter !== '')
filter += '~' + data.filter.logic + '~';
var fieldValue = "'" + data.filter.filters[i].value + "'";
//Formattazione valore in base al formato della colonna
var found = model.fields[data.filter.filters[i].field];
if (typeof found !== 'undefined')
{
if (found.type === 'number')
fieldValue = data.filter.filters[i].value;
else if (found.type === 'date')
fieldValue = "datetime'" + data.filter.filters[i].value.format('Y-m-d') + "T00-00-00'";
}
filter += data.filter.filters[i].field + '~' + data.filter.filters[i].operator + '~' + fieldValue;
}
data.filter = filter;
}
//Trasformazione parametro sort
if (typeof data.sort !== 'undefined')
{
//normale: [{field:Anno, dir:asc}]
//trasformato: Anno-asc
var sort = '';
for (var i = 0; i < data.sort.length; i++)
{
if (sort !== '')
sort += '~';
sort += data.sort[i].field + '-' + data.sort[i].dir;
}
data.sort = sort;
}
var result = JSON.parse(JSON.stringify(data));
return result;
}
}
};
server side: 服务器端:
public JsonResult GetNodes([DataSourceRequest]DataSourceRequest request, string sFolderId, ... other parameters)
{
}
Just in case someone else stumbles across this post like I did today. 以防万一有人像我今天一样偶然发现这篇文章。 This might help you 这可能对您有帮助
For me the answer was the line 对我来说,答案是线
var data = kendo.data.transports["aspnetmvc-ajax"].prototype.options.parameterMap.call(this, optionsData.data, "read", false);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.