asp.net - KendoUI 网格 : Custom dropdown provider shows no text in view mode

Question

我正在为我的 Web 应用程序使用 Kendo UI v2016.3.1118。

我在 Kendo UI 网格中使用编辑功能 (mode: “incell”)。我创建了一个带有编辑文本框、日期和数值的网格，它工作正常。我现在想做的是对具有下拉值的列应用编辑。

我已经集成了自定义下拉提供程序，如 Telerik 示例(https://demos.telerik.com/kendo-ui/grid/editing-custom，演示:https://dojo.telerik.com/UjAGU)中所述。

到目前为止效果很好。但是，在我更改 DropDown 中的值并且单元格失去焦点后，显示切换回 View 模式。它只在单元格的左上角出现一个红色的小指示符，表示值已更改(单元格“脏”)。除红色指示器外，单元格为空(单元格中未显示任何值)。

在我的例子中，我的数据源中类型为 dropdown foreign 的列只有数字(外键)值。

我的数据源看起来与此类似:

{
    Product ID: 1,
    ProductName: "Chai",
    Category: 1
}

Telerik 提供的样本中的数据源:

{
    Product ID: 1,
    ProductName: "Chai",
    Category: {
        CategoryID: 1,
        CategoryName: "Beverages",
        Description: "Soft drinks, coffees, teas, berries, and ales"
    }
}

我已尝试将单元格值设置为下拉列表的选择事件中的选定文本。尽管如此，在 View 模式下仍然没有显示下拉菜单的文本。不幸的是，我找不到合适的事件。事件 closeCell 从未在我的星座中抛出。

有什么想法吗？问候斯特凡

Answer 1

我认为您的问题可能源于您进行选择时 dropDownList 返回的内容(即整个对象，包含文本和值)与网格模型对象所需的内容(仅值)之间的差异。

假设您有创建编辑器的功能，就像您引用的示例中的那样，请尝试更改它以设置 valuePrimitive属性为真？

            function categoryDropDownEditor(container, options) {
                $('<input required name="' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        valuePrimitive: true,
                        autoBind: false,
                        dataTextField: "CategoryName",
                        dataValueField: "CategoryID",
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Categories"
                            }
                        }
                    });
            }

根据文档:

If set to true, the View-Model field will be updated with the selected item value field. If set to false, the View-Model field will be updated with the selected item.

希望这能解决您的问题。