javascript - KendoUI ComboBox 根据数据源选择选项

Question

我需要有关此代码的帮助。

代码将从 PHP 脚本获取 JSON 响应，并根据其内容创建组合框。

这有效...我的问题是我需要定义默认选择的选项，在本例中，因为该表单是编辑表单。

Javascript:

    dsource = new kendo.data.DataSource({
        transport: {
            read: {
                url: url,
                dataType: "json"
            }
        },
        schema: {
            model: {
                fields: {
                    value: {type: "number"},
                    text: {type: "string"}
                }
            }
        }
    });

    var combobox = $(obj).kendoComboBox({
        placeholder: "Selecione",
        dataTextField: "text",
        dataValueField: "value",
        filter: "contains",
        minLength: 3,
        dataSource: dsource
    });

从 PHP 返回的 json 如下所示:

[{"value":3,"text":"Blue"},{"value":4,"text":"Red"},{"value":5,"text":"Pink"}]

我需要它做的是根据这个 JSON 选择一个选项，例如:

[{"value":3,"text":"Blue", "selected":true},{"value":4,"text":"Red"},{"value":5,"text":"Pink"}]

在这种情况下，默认情况下会选择蓝色选项。

我尝试了一切我能想到的方法......

Answer 1

你也可以试试这个..

//[{"value":3,"text":"Blue", "selected":true},{"value":4,"text":"Red"},{"value":5,"text":"Pink"}]

function getSelectedTagValue() {
    var i = null;
    for (i = 0; dsource.length > i; i += 1) {
        if (dsource[i].selected == 'true') {
            return dsource[i].text;
        }
    }
    return null;
};

$("#kendoitems").kendoComboBox({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: data
});

var combobox = $(obj).kendoComboBox({
        placeholder: "Selecione",
        dataTextField: "text",
        dataValueField: "value",
        filter: "contains",
        minLength: 3,
        dataSource: dsource
    });

combobox.value(getSelectedTagValue());

希望这有帮助，

问候，