Kendo dataSource参数图

时间:2013-09-09 09:31:52

标签: jquery ajax json kendo-ui kendo-grid

我是剑道新手。我遇到模型绑定问题。当我使用firebug进行调试时,它会显示 options.models undefined 。由于这个原因,parrameterMap中的“if”条件始终为false,并且grid不会填充数据。 但是当我删除parrameterMap部分时,它可以工作。 我想,如果有人可以解释一下kendo dataSource中的参数映射,那将非常有用。 谢谢。

enter image description here

    function GetDataSource() {
    var PrjKy = $("#cmbPrjNm").val();
    if (PrjKy == "") { PrjKy = 1; }

    var PrcsDetKy = 1;
    if (PrcsDetKy == "") { PrcsDetKy = 1; }

    var PrcsTypKy = $("#toDotype").val();
    if (PrcsTypKy == "") { PrcsTypKy = 1; }

    var AprPrtyKy = $("#cmbPiority").val();
    if (AprPrtyKy == "") { AprPrtyKy = 1; }

    var AprStsKy = $("#status").val();
    if (AprStsKy == "") { AprStsKy = 1; }

    var OrginAdrKy = 1;
    if (OrginAdrKy == "") { OrginAdrKy = 1; }

    var AprUsrKy = 1;
    if (AprUsrKy == "") { AprUsrKy = 1; }

    var NxtActByAdrKy = $("#cmbEmployee").val();
    if (NxtActByAdrKy == "") { NxtActByAdrKy = 1; }

    var FrmNxtActEntDt = $("#FrmNextActEnt").val();
    var ToNxtActEntDt = $("#ToNextActEnt").val();

    var FrmNxtActDt = $("#rcdDt").val();
    var ToNxtActDt = $("#toDt").val();

    var FrmInsertDt = $("#insrtDt").val();
    var ToInsertDt = $("#InsrtToDt").val();

    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: '@Url.Content("~/User/GetAllToDo")',
                data: {
                    'PrjKy': PrjKy,
                    'PrcsDetKy': PrcsDetKy,
                    'PrcsTypKy': PrcsTypKy,
                    'AprPrtyKy': AprPrtyKy,
                    'AprStsKy': AprStsKy,
                    'OrginAdrKy': OrginAdrKy,
                    'AprUsrKy': AprUsrKy,
                    'NxtActByAdrKy': NxtActByAdrKy,
                    'FrmNxtActEntDt': FrmNxtActEntDt,
                    'ToNxtActEntDt': ToNxtActEntDt,
                    'FrmNxtActDt': FrmNxtActDt, //changed on 2013-8-30
                    'ToNxtActDt': ToNxtActDt, //changed on 2013-8-30
                    'FrmInsertDt': FrmInsertDt, //changed on 2013-8-30
                    'ToInsertDt': ToInsertDt//changed on 2013-8-30
                },
                dataType: "json"
            },
            update: {
                url: "~/Home/UpdateToDo",
                contentType: 'application/json; charset=utf-8',
                dataType: "json",
                type: "POST"
            },
            create: {
                url: '@Url.Content("~/Home/UpdateToDo")',
                contentType: 'application/json; charset=utf-8',
                dataType: "json",
                type: "POST"
            },
            destroy: {
                url: '@Url.Content("~/User/DeleteToDo")',
                contentType: 'application/json; charset=utf-8',
                dataType: "json",
                type: "POST"
            },
            parameterMap: function (options, operation) {
                if (operation !== "read" && options.models) {
                    return JSON.stringify({ models: options });
                }
            }
        },
        pageSize: 10
    , schema:
    {
        model:
        {
            id: "PrcsDetKy", //Primary key to uniquely identify the row.
            fields: //Relavent fields of the grid should be bind with following model items
                {
                ID: { editable: false, nullable: false },
                NxtActEntDt: { editable: true, nullable: false, validation: { required: true} },
                AprPrty: { editable: true, nullable: false, validation: { required: true} },
                AprUsr: { editable: true, nullable: true },
                AprSts: { editable: true, nullable: true },
                AprStsKy: { editable: true, nullable: true },
                AprPrtyKy: { editable: true, nullable: true },
                AprUsrKy: { editable: true, nullable: true },
                AprResnKy: { editable: true, nullable: true },
                PrjId: { editable: true, nullable: true },
                TaskId: { editable: true, nullable: true },
                TaskNm: { editable: true, nullable: false }, //validation: { required: true}
                PrcsDetKy: { editable: false, nullable: false },
                TaskTyp: { editable: true, nullable: false },
                PrcsTypKy: { editable: true, nullable: true },
                PrjKy: { editable: true, nullable: true },
                PrcsDetAprKy: { editable: true, nullable: true },
                PrjNm: { editable: true, nullable: false, validation: { required: true} },
                Des: { editable: true, nullable: false },
                NxtActByAdr: { editable: true, nullable: false, validation: { required: true} },
                NxtActByAdrKy: { editable: true, nullable: true },
                NxtActDt: { editable: true, nullable: true },
                Rem: { editable: true, nullable: true, type: "string" },
                OriginBy: { editable: false, nullable: true },
                Hyperlinks1: { editable: false, nullable: true },
                Hyperlinks2: { editable: false, nullable: true },
                Hyperlinks3: { editable: false, nullable: true },
                Hyperlinks4: { editable: false, nullable: true },
                OrginAdrKy: { editable: true, nullable: true },
                WrkStnKy: { editable: true, nullable: true },
                ObjKy: { editable: true, nullable: true },
                ObjCd: { editable: true, nullable: true },
                ObjNm: { editable: true, nullable: true },
                ItmKy: { editable: true, nullable: true },
                ItmCd: { editable: true, nullable: true },
                IsAct: { editable: true, nullable: true },
                IsApr: { editable: true, nullable: true },
                OrgEntDt: { editable: true, nullable: true }
            }
        }
    }
    });
    return dataSource;
}

2 个答案:

答案 0 :(得分:2)

您可以在parameterMap

中找到相当清晰的解释

您应该使用parametrMap定义自定义参数集或在远程服务调用期间执行其他操作。基本上你在这里说,如果我正在阅读,更新或删除(这是你的代码片段中“读取”值的操作变量)我想将以下参数添加到我在“transport”中定义的方法。

在您的情况下,您似乎没有定义options.models,这意味着您的数据源没有任何变量/集合模型。嗯,它不必。对我来说,你试图调用的read方法看起来并不真正需要任何参数,所以你可能只是从paramMap返回空字符串,或者根本没有这个配置部分。

注意:您定义数据源的方式有点令人困惑,您在定义“url”时不应提供配置“数据”,例如。你正在获取网址的数据。见Local vs Remote

答案 1 :(得分:2)

如Kendo文档中所定义的ParameterMap是将请求参数转换为适合远程服务的格式的函数。

在函数的格式中, ParameterMap:function(options,operation){...} ,options参数是一个棘手的参数。在Kendo文档中,它被称为数据。但是,开发人员会根据自己的喜好选择将其重命名为选项。但是,没有区别,因为它只是一个参数名称。

选项参数的值取决于传输部分正在执行的操作。如果是读取操作,则kendo会自动使用跳过拍摄页面等字段填充它strong> pagesize 等等。但是,这取决于剑道网格是否分页设置为true,排序设置为true等等。所以,它实际上足够聪明自动获取这些参数并将其传递给服务。

在服务中,该函数的名称必须与kendo为参数命名的名称完全相同。像默认情况下跳过,拍摄,页面等。但是,可以通过编写如下内容来更改参数名称: $ top:data.take ,如文档中所示。

我也是这个概念的新手,这是我能收集到的。我希望我能在本文中获得以下信息,然后它将是一套完整的。

  • 如果是read,则完整的选项列表是什么? 排序设置为true。
  • 删除和更新时的完整选项列表。