Question

我在我的应用程序中使用了kendo网格。在那个网格中，我使用了剑道下拉列表。我有一个用于该下拉列表的数据源的数组。该数组看起来像

var arr = [{text: "demo 1", value: 1}, {text: "demo 2", value: 2}]

我的下拉列表如下：

    $("#grid").kendoGrid({
        dataSource: dataSource,
        navigatable: true,
        pageable: true,
        height: 550,
        filterable: {
            mode: "row"
        },
        sortable: {
            mode: "single",
            allowUnsort: false
        },
        toolbar: ["create"],
        columns: [
            { field: "Item", title: "Item", width: "300px", editor: categoryDropDownEditor }
        ],
        editable: true
    });

    function categoryDropDownEditor(container, options) {
        $('<input data-text-field="text" data-value-field="value" data-bind="value:' + options.field + '" />')
            .appendTo(container)
            .kendoDropDownList({
                dataSource: arr,
                autoBind: true,
                dataTextField: "text",
                dataValueField: "value",
            });
    }

正确显示下拉列表中的文字，但从下拉列表中选择选项后，它会将对象对象显示为选定文字。

选择后附加下拉选定值和选项后的屏幕截图 Image of option selecting 和 After option selected

我尝试了很多解决方案，但没有成功。如果有人提供解决方案，那就太好了。

由于

Answer 1

尝试删除data-text-field上的data-value-field和categoryDropDownEditor。

为你做了jsFiddle。检查一下。

Answer 2

我刚刚更新了“Cara Tilos的”Jsfiddle代码，

http://jsfiddle.net/0zauzskn/5/

这将为您提供所需的结果。

我添加了

schema: {
    model: {
        fields: {
            item: { type: "string" }
        }
    }
}

进入您的dataSource

最好的运气。

从下拉列表中选择选项后，Kendo UI Grid中的DropDown显示Object-Object

2 个答案: