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

时间:2013-10-08 14:47:26

标签: 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);

}

但它没有用。不知道怎么办?提前谢谢。

6 个答案:

答案 0 :(得分:7)

尝试此操作,它将从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);
        }
      }

答案 1 :(得分:6)

你可以尝试:

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

答案 2 :(得分:3)

试试这个。

 var values = [];
    var data = $("#dropDownList option").each(function(){
  values.push($(this).val());
  });

答案 3 :(得分:2)

如果要从DDL中获取实际的数据项,可以通过查看数据源来获取它们:

@import "~bootstrap/dist/css/bootstrap.css";

@import "~font-awesome/css/font-awesome.css";

如果需要,您还可以通过ID轻松找到各个项目:

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

答案 4 :(得分:0)

一个简单的班轮。

要获取所有数据项:

$("#myDDL").data("kendoCombo").dataSource.data();

要获取单个属性值:

$("#myDDL").data("kendoCombo").dataSource.data()[0].ProductId;

Reference

答案 5 :(得分:0)

$("#dropDownList").data('kendoDropDownList').options.optionList-返回带有值的对象