我不确定我是否做得对,因为我对整个系统都是新手,但我想管理我的kendo网格数据(分页、过滤器等)。我在ASP.NET Web 2中使用这个ASP.NET,它是从OData包的第4版驱动的,它支持诸如:$top、$skip、$count等参数。等等。
由于阅读了许多不完整的hello world、示例、堆栈线程,测试了其中的许多,我到达了这一部分(下面的代码),它支持其他不存在的参数(如:获取):
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<title>AngularJS</title>
<link href="../content/shared/styles/examples-offline.css" rel="stylesheet">
<link href="../Content/telerik/content/web/kendo.common.min.css" rel="stylesheet">
<link href="../Content/telerik/content/web/kendo.rtl.min.css" rel="stylesheet">
<link href="../Content/telerik/content/web/kendo.default.min.css" rel="stylesheet">
<script src="../Content/telerik/scripts/jquery.min.js"></script>
<script src="../Content/telerik/scripts/angular.min.js"></script>
<script src="../Content/telerik/scripts/kendo.all.min.js"></script>
<script src="../content/shared/js/console.js"></script>
<script>
</script>
</head>
<body>
<a class="offline-button" href="../index.html">Back</a>
<div id="example" ng-app="KendoDemos">
<div ng-controller="MyCtrl">
<kendo-grid options="mainGridOptions"></kendo-grid>
</div>
</div>
<script>
angular.module("KendoDemos", [ "kendo.directives" ]);
function MyCtrl($scope) {
$scope.mainGridOptions = {
dataSource: {
type: "odata-v4",
transport: {
//read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees"
read: "/odata/people",
dataType: "json"
},
parameterMap: function (data, operations) {
var paramMap = kendo.data.transports.odata.parameterMap(data);
if (paramMap.$inlinecount) {
if (paramMap.$inlinecount == "allpages") {
paramMap.$count = true;
}
delete paramMap.$inlinecount;
}
if (paramMap.$take) {
paramMap.$top = paramMap.$take;
delete paramMap.$take;
}
if (paramMap.$filter) {
paramMap.$filter = paramMap.$filter.replace(/substringof\((.+),(.*?)\)/, "contains($2,$1)");
}
return paramMap;
},
schema: {
data: function (data) { return data.value; },
total: function (data) { return data['@odata.count']; },
model: {
id: "Email",
fields: {
Name: {type: "string"},
Email: {type: "string"},
}
}
},
pageSize: 5,
serverPaging: true,
serverSorting: true
},
sortable: true,
pageable: true,
//detailTemplate: kendo.template($("#template").html()),
dataBound: function() {
this.expandRow(this.tbody.find("tr.k-master-row").first());
},
columns: [
{
field: "Name",
title: "Name",
width: "200px"
},
{
field: "Email",
title: "E-Mail",
width: "200px"
},
]
};
}
</script>
</body>
</html>代码使用一个注入的匿名函数,该函数允许它定义自定义参数并映射它们。
parameterMap: function (data, operations) {
var paramMap = kendo.data.transports.odata.parameterMap(data);
if (paramMap.$inlinecount) {
if (paramMap.$inlinecount == "allpages") {
paramMap.$count = true;
}
delete paramMap.$inlinecount;
}
if (paramMap.$take) {
paramMap.$top = paramMap.$take;
delete paramMap.$take;
}
if (paramMap.$filter) {
paramMap.$filter = paramMap.$filter.replace(/substringof\((.+),(.*?)\)/, "contains($2,$1)");
}
return paramMap;
},
schema: {
data: function (data) { return data.value; },
total: function (data) { return data['@odata.count']; },
model: {
id: "Email",
fields: {
Name: {type: "string"},
Email: {type: "string"},
}
}
},
pageSize: 5,
serverPaging: true,
serverSorting: true
},在检查了一些内容之后,我在这里和那里做了一些修改,比如设置模式,并添加了新的条件(因为它们在示例代码中是空白的)。
现在,发布给我的是,在运行我的应用程序之后,我注意到,即使它没有应用我的代码片段.
if (paramMap.$take) {
paramMap.$top = paramMap.$take;
delete paramMap.$take;
}但是它甚至没有应用到另一部分,而且JavaScript调试器也不会在函数内部中断.。所以,例如,它不会添加参数,比如,计数.
所以,我来这里首先要确定我走的路是对的,其次是如果是正确的话,那么如何解决它.
我还读到了一些关于将事物更改为JSON的内容,但是我假设我的数据是JSON,因为我没有定义任何内联字符串.
发布于 2015-06-11 00:19:26
kendo现在确实支持oData v4,所以只要确保您获得了正确的版本,它就会自动处理url。然后,您可能想要去掉“parameterMap”部分,并将“读”更改为
read: {
url:'/odata/people',
dataType: 'json'
}发布于 2015-06-11 00:38:36
应该在传输级别定义parameterMap (参见剑道文献)。在您的代码中,您确实在parameterMap级别定义了dataSource。
我不确定是否会按需要发送额外的参数,但至少它解释了为什么不调用parameterMap。
应该是这样的:
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "http://whatever.com
},
parameterMap: function(data, type) {
//parameterMap should be a child of the transport object
//...
}
}
//<-- You added the parameter map there as a transport sibling.
});https://stackoverflow.com/questions/30733373
复制相似问题