从下拉列表中选择选项后，Kendo UI Grid 中的下拉菜单显示对象-对象

Posted 2023-03-27

【中文标题】从下拉列表中选择选项后，Kendo UI Grid 中的下拉菜单显示对象-对象

【英文标题】：DropDown in Kendo UI Grid showing Object-Object after selecting option from drop down list

【发布时间】：2018-01-29 05:07:10

【问题描述】：

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

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",
            );
    

它在下拉列表中正确显示文本，但在从下拉列表中选择选项后，它会将 object object 显示为选定文本。

附上下拉选择值和选择后选项的截图 Image of option selecting 和 After option selected

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

谢谢

【参考方案1】：

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

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

这会给你想要的结果。

我已经添加了

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

进入你的数据源

祝你好运。

【讨论】：

感谢您的回复，但这不起作用，因为我已将 dataValueField 从文本更改为值，因为我想获取所选选项的值以进一步处理它。在您的小提琴中，它返回文本而不是值，因为 dataValueField 被称为文本。

【参考方案2】：

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

为您制作了jsFiddle。检查这个。

【讨论】：

你提供的小提琴也有同样的问题。尝试添加新记录，然后从下拉列表中选择选项。它显示“对象对象”

我在kendoDropDownList 上添加了一个valuePrimitive。 jsfiddle.net/0zauzskn/6

谢谢，但如果我使用 dataValueField:“value”而不是“text”，添加 valuePrimitive 会显示该选项的值。我必须将 dataValueField 添加为值，因为我需要将其保存在 DB 中。