【发布时间】:2014-11-18 10:02:28
【问题描述】:
如果我声明 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'}
}
}
}
};
现在的问题是我想使用功能模式读取(是软件设计要求) 但是用于将请求参数传递给服务器的 sintax 是否与使用传输类型“aspnetmvc-ajax”不同。 如果我设置传输类型“aspnetmvc-ajax”,则不会触发读取功能, 但是如果不设置传输类型“aspnetmvc-ajax”,则请求参数在服务器端传递得不好!
如果我看通过http发送的post参数:
传输类型为“aspnetmvc-ajax”:
page:1
pageSize:20
sort:Field1-asc
filter:Field1~eq~'value1'
没有传输类型“aspnetmvc-ajax”:
page:1
pageSize:20
sort:[{field:Field1, dir:asc}]
filter:{filters:[{operator:eq, value:value1, field:Field1}], logic:and}
排序和过滤值参数与“aspnetmvc-ajax”版本不同,服务器端为空!
作为解决方法,我手动解析 parameterMap 中的请求参数,如下所示, 翻译排序和过滤值sintax符合“aspnetmvc-ajax”版本和服务器端都通过了。
- 有最佳解决方案吗?
- 为什么如果我使用“aspnetmvc-ajax”传输类型读取函数不会被调用?
- 如果使用读取功能的唯一解决方案是避免使用“aspnetmvc-ajax”传输类型, 有没有一种标准的方法来格式化请求参数以在 DataSourceRequest 对象中用于服务器端?
谢谢
实际上我的解决方法是:
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;
}
}
};
服务器端:
public JsonResult GetNodes([DataSourceRequest]DataSourceRequest request, string sFolderId, ... other parameters)
{
}
【问题讨论】:
标签: javascript asp.net-mvc angularjs kendo-ui datasource