Kendo UI Grid 下拉/选择菜单答案

【问题标题】：Kendo UI Grid drop down/select menuKendo UI Grid 下拉/选择菜单
【发布时间】：2013-01-21 14:27:50
【问题描述】：

如何使用远程数据将选择下拉菜单引入我的 Kendo ui 网格列之一？

关于这个主题的文档非常有限，特别是我的要求是：

要让我的 PHP/MySQL 脚本中的选项列表填充下拉菜单。

如果已经根据数据库中的查询设置了其中一个选项，请在菜单中选择该选项。

根据提供的答案，我现在有以下内容，但它不起作用。我得到一个下拉列表，其中包含所有“未定义”的选项：

function categoryDropDownEditor(container, options) {
$('<input required data-text-field="'+options.field+'" data-value-field="'+options.field+'" data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        autoBind: false,
        dataTextField: "text",
        dataValueField: "value",
        dataSource: {
            type: "POST",
            transport: {
                read: ROOT+"user/branch-list"
            }
        },
        index: 0
    });
}

我的 PHP 脚本只是像这样返回 JSON：

[{text: "Germany", value: "1"}]

【问题讨论】：

请从输入定义中删除 data-text-field 和 data-value-field。

标签： jquery kendo-ui

【解决方案1】：

您可以在为该字段定义列时使用editor。

{ field: "color", title: "Color", editor: editColor }

其中editColor 是一个定义为的函数：

var data = [
     { text: "Black", value: "1" },
     { text: "Orange", value: "2" },
     { text: "Grey", value: "3" }
];

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

您可以在kendoDropDownList 中设置您需要的configuration option。

【讨论】：

谢谢，但我正在尝试用我的 PHP 脚本返回的 JSON 替换硬变量“数据”。你能告诉我我哪里出了问题吗？（见上面的编辑）
我在input 字段中包含了data-text-field 和data-value-field，但由于它们是在kendoDropDownList 中定义的，因此不应该这样做。我编辑并修复了这个例子。谢谢。
我仍然得到一个充满未定义选项的列表:(
还有一个问题，您的 php 是返回 [{text: "Germany", value: "1"}] 还是 [{"text": "Germany", "value": "1"}]（区别在于 text 和 value 周围的引号。如果您从服务返回它，则前者无效（仅在 JavaScript 代码中作为 JSON 定义有效）。
后来我改了，但还是未定义的选项：/

【解决方案2】：

您可能还想检查您的数据源是否正确解析您的数据。

例如，我的 json 看起来像这样，您可以看到实际记录包含在 _ENTITIES 数组中。因此，为了让数据源正确解析它，我必须在我的数据源的模式中指定数据：“_ENTITIES”。我希望这会有所帮助

架构：{ 模型：我的模型，数据：“__ENTITIES” }

{"_entityModel":"Contact","_COUNT":13,"_SENT":13,"_FIRST":0,"_ENTITIES":[{"_KEY":"177","_STAMP":16,"ID":177,"firstName":"","middleName":"","lastName ":"","ContactType":{"_KEY":"2","_STAMP":4,"ID":2,"name":"Home","contactCollection": {"_deferred":{"uri":"/rest/ContactType(2)/contactCollection?$expand=contactCollection"}}},"addressCollection":{"__deferred":{"uri":"/ rest/Contact(177)/addressCollection?$expand=addressCollection"}}},

{"_KEY":"180","_STAMP":5,"ID":180,"firstName":"a","middleName":"b","lastName ":"c","ContactType":{"_KEY":"2","_STAMP":4,"ID":2,"name":"Home","contactCollection" :{"_deferred":{"uri":"/rest/ContactType(2)/contactCollection?$expand=contactCollection"}}},"addressCollection":{"_deferred":{" uri":"/rest/Contact(180)/addressCollection?$expand=addressCollection"}}}

【讨论】：