个人中心
gpt4 book ai didi

javascript - kendo-数据源-parameterMap不绑定(bind)参数

转载 作者：行者123 更新时间：2023-11-28 19:10:55 25 4
gpt4 key购买 nike

我不确定我这样做是否正确，因为我对整个这些系统都是新手，但我想管理我的剑道网格数据(分页、过滤器等)。我在 ASP.NET Web API 2 中使用此 ODataController，由 OData 包版本 4 驱动，它支持以下参数:$top、$skip、$count、。等等...

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

<!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>

代码使用注入(inject)的匿名函数，它可以定义自定义参数并映射它们。

                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，因为我没有定义任何内联字符串...

最佳答案

parameterMap 应在传输级别定义(请参阅 kendo documentation )。在您的代码中，您确实在数据源级别定义了parameterMap。

我不确定您的额外参数是否会按您想要的方式发送，但至少它解释了为什么不调用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.
});

关于javascript - kendo-数据源-parameterMap不绑定(bind)参数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30733373/

25 4 0
文章推荐： ios - 使用 UIGestureRecognizer 模拟按钮点击
文章推荐： python - 谷歌机器人系统
文章推荐： ios - 链接器错误 - Objective-C
文章推荐： javascript - promise 和访问
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com