Question

如何检索 kendo ui 下拉列表的所有数据？

2013-10-08

31089

jquery drop-down-menu kendo-ui

我想提取剑道下拉列表的所有数据。我使用以下代码创建下拉列表：

$("#dropDownList").kendoDropDownList({

    dataTextField: "field",
    autoBind: true,
    dataSource: {
        transport: {
            type: "POST",
            read: {
                url: "http://abc.com",
                contentType: "application/json; charset=utf-8",
                dataType: "json"
            }
        }
    },
    select: onSelect
});

};

然后我尝试使用

var data = $("#dropDownList").data("kendoDropDownList").val();
var values = [];
for (var item in data) {
    values.push(this.item);

}

提取数据，但没有成功。有什么想法吗？提前致谢。

Answer 1

如果您想要 DDL 中的实际 DataItems，您可以通过查看 DataSource 来获取它们：

$("#dropDownList").data("kendoDropDownList").dataSource.view()

然后，如果需要，您还可以通过 id 轻松找到单个项目：

$("#dropDownList").data("kendoDropDownList").dataSource.view().find(x=>x.Value === 'ID')

Answer 2

尝试一下，它将从 Kendo 下拉列表中检索所有值。

var values = [];
    var grid = $("#SampleDropdown").data("kendoDropDownList");

    var ds = grid.dataSource;
    var len = ds._data.length;
    if (len > 0) {
        var i;

        for (i = 0; i < len; i++) {
            var val = ds._data[i].Value;
            values.push(val);
        }
      }

Answer 3

你可以尝试：

var data = $("#dropDownList").data("kendoDropDownList");

BENARD Patrick

2013-10-08