KendoUI Combobox 为复杂对象配置答案

【问题标题】：KendoUI Combobox Configure for Complex ObjectsKendoUI Combobox 为复杂对象配置
【发布时间】：2014-01-19 19:25:11
【问题描述】：

我将 Combobox 绑定到一个复杂对象，该绑定使得 ID 字段可用作该对象的直接属性，但文本属性来自子对象属性。

我已经能够配置它正确显示值，但是在指定选项标签时遇到问题说“选择”无法指定 Parent.Childproperty 获取运行时错误（未捕获的 TypeError：无法读取属性'Childproperty' of undefined )

如何在模型定义及下方为空选择指定复杂对象？

   $('<input id="DegreeDDL" name="' + options.field + '"/>').appendTo(container).kendoDropDownList({
            autoBind: true,
            serverFiltering: true,
            optionLabel: {
                'Parent.Childproperty': "--- Select ---",
                ABCD_PK: null

            },
            dataSource: {
                transport: {
                    read: {
                        url: function (e) {
                            return "api/Org/XXXXXXXX?abcdPK=" + efgh;
                        },
                        dataType: "json" // <-- The default was "jsonp"
                    }
                },
            },
            dataTextField: "Parent.ChildProperty",
            dataValueField: "ABCD_PK"
        });

在为网格定义模型时也遇到了类似的问题

 var model = {
        id: "ABCD_PK",
        fields: {
            Parent.Child.ChilProperty: 
                }
             }

【问题讨论】：

我不想抱怨，但这是 DropDownList 而不是你在标题中提到的 ComboBOx，在你的代码中你有 dataTextField: "Parent.ChildProperty" 然后 Parent.Child.ChilProperty: 与 Child 在父级之后的属性并且没有任何东西结肠后。请修复您的代码。

标签： kendo-ui kendo-grid kendo-combobox

【解决方案1】：

回答您的第一个问题：如果在此处创建对象导致错误，请使用 optionLabel 作为字符串：

optionLabel: "--- Select ---",

这里正在运行 JSFiddle：http://jsfiddle.net/a6Ek2/11/

要回答您的第二个问题，只需使用dataSource.schema 解析您的 json 以获取非复杂对象。本主题的更多内容：How can I use nested Json to populate Kendo UI grid?。 Grid 官方不使用复杂的数据对象。但是，如果您想尝试一下，则仅在模型中声明父对象，例如：

fields: {
    ABCD_PK: { editable: false },
    Parent: { editable: true },
}

如果您对此仍有疑问，只需更新此 JSFiddle 并准确显示此位置。那我会努力改进我的答案。

【讨论】：