首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >kendo -数据源- parameterMap不绑定参数

kendo -数据源- parameterMap不绑定参数
EN

Stack Overflow用户
提问于 2015-06-09 13:25:53
回答 2查看 3.4K关注 0票数 0

我不确定我是否做得对,因为我对整个系统都是新手,但我想管理我的kendo网格数据(分页、过滤器等)。我在ASP.NET Web 2中使用这个ASP.NET,它是从OData包的第4版驱动的,它支持诸如:$top、$skip、$count等参数。等等。

由于阅读了许多不完整的hello world、示例、堆栈线程,测试了其中的许多,我到达了这一部分(下面的代码),它支持其他不存在的参数(如:获取):

代码语言:javascript
复制
<!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>

代码使用一个注入的匿名函数,该函数允许它定义自定义参数并映射它们。

代码语言:javascript
复制
                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
            },

在检查了一些内容之后,我在这里和那里做了一些修改,比如设置模式,并添加了新的条件(因为它们在示例代码中是空白的)。

现在,发布给我的是,在运行我的应用程序之后,我注意到,即使它没有应用我的代码片段.

代码语言:javascript
复制
if (paramMap.$take) {
     paramMap.$top = paramMap.$take;
     delete paramMap.$take;
 }

但是它甚至没有应用到另一部分,而且JavaScript调试器也不会在函数内部中断.。所以,例如,它不会添加参数,比如,计数.

所以,我来这里首先要确定我走的路是对的,其次是如果是正确的话,那么如何解决它.

我还读到了一些关于将事物更改为JSON的内容,但是我假设我的数据是JSON,因为我没有定义任何内联字符串.

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-06-11 00:19:26

kendo现在确实支持oData v4,所以只要确保您获得了正确的版本,它就会自动处理url。然后,您可能想要去掉“parameterMap”部分,并将“读”更改为

代码语言:javascript
复制
 read: {
                        url:'/odata/people',
                        dataType: 'json'


                    }
票数 1
EN

Stack Overflow用户

发布于 2015-06-11 00:38:36

应该在传输级别定义parameterMap (参见剑道文献)。在您的代码中,您确实在parameterMap级别定义了dataSource。

我不确定是否会按需要发送额外的参数,但至少它解释了为什么不调用parameterMap。

应该是这样的:

代码语言:javascript
复制
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.
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30733373

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档