我的 Kendo observable 没有正确绑定到 Kendo 下拉列表

Question

我目前正在使用 Kendo UI 并尝试将我的 Kendo observable 数据绑定到我的下拉列表。我的下拉列表是自定义的，是在 Kendo 编辑弹出对象中创建的。我使用了一种简单的方法，即在我的专栏中调用编辑器并创建一个函数来在该对象中创建一个下拉列表。现在我可以在我的 HTML 文件中进行数据绑定而不会出现问题，但是我发现用我当前的方法很难做到这一点。

目前我正在用数据填充网格，我可以用客户名称和客户编号填充网格，但没有发布客户类型。我假设是未能适当地绑定数据。

这是我的 Kendo 可观察

var viewModel = kendo.observable({
    client: {
        clientName: "",
        clientNumber: "",
        clientType: "",
    },
    dropdownlist: ["HCC", "Tax", "Audit", "Advisory"],
});

这是我的 Kendo 网格

$("#grid").kendoGrid({
    dataSource: client,
    toolbar: ["create"],

    columns: [{
        field: "clientName",
        title: "Client Name",
    },
    {
        field: "clientNumber",
        title: "Client Number",
    },
    {
        field: "clientType",
        title: "Client Type",
        editor: categoryDropDownEditor,
    }
    ],
    editable: "popup",
})

这是我的自定义函数，我遇到了数据绑定问题。

function categoryDropDownEditor(container) {
    $('<input data-role="dropdownlist" data-bind="source: dropdownlist , value: client.clientType">')
        .appendTo(container)
        .kendoDropDownList({
            optionLabel: "Engagement Types",
            dataSource: viewModel.dropdownlist,              
        });
}

Answer 1

将value: client.clientType替换为value: clientType:

function categoryDropDownEditor(container) {
    $('<input data-role="dropdownlist" data-bind="source: dropdownlist, value: clientType">')
        .appendTo(container)
        .kendoDropDownList({
            optionLabel: "Engagement Types",
            dataSource: viewModel.dropdownlist,              
        });
}

我的 Kendo observable 没有正确绑定到 Kendo 下拉列表

My Kendo observable is not data binding appropriately to the Kendo Drop DownList

kendo-ui

kendo-grid