在 Kendo 下拉列表中获取某些值

Question

你好，我是 Kendo UI 的新手，我在获取以 Json 格式从我的控制器发回的特定值时遇到问题。

Json 即返回

我的下拉列表绑定到视图模型

 var viewmodel = kendo.observable({
    region: "",
    id : "",
    } );

$("#engagementType").kendoDropDownList({
    optionLabel: "Select Region",
    dataTextField: "OfficeGroup",
    dataValueField: "OfficeGroupID",
    dataSource: {
        transport: {
            read: {
                url: "home/GetRegionList",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                method: "POST",
            }
        }
    },

    select: function(e){
        viewmodel.region = e.item[0].innerText;
        viewmodel.id = e.?????????????????? <<< cannot find the office group id
    }
});

目前使用选定的功能我可以获取办公室组名称，但是当我尝试获取办公室组 ID 时，我没有看到它出现在我选择的 "e" 上功能。我应该以其他方式获取办公室 ID 吗？

Answer 1

Kendo UI DropDownList 确实有函数 value() 和 text()。值函数 returns 当前 select 项数据值字段属性值。文本函数returns dataTextField 属性值.

在 select 函数中你可以获得这样的值

select: function(e) {

    // selected value
    console.log(this.value());

    // selected text
    console.log(this.text());

    // selected item (ObservableObject)
    var dataItem = this.dataItem(e.item);
    console.log(dataItem);
}

在 Kendo 下拉列表中获取某些值

Grabbing Certain Values in Kendo Dropdown list

json

kendo-ui

kendo-dropdown