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

时间:2016-02-04 17:12:27

标签: json kendo-ui kendo-dropdown

您好我是Kendo UI的新手,我遇到了以Json格式从我的控制器发回的特定值的问题。

返回的Json

enter image description here

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

 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
    }
});

目前使用所选功能我可以获取办公室组名称,但是当我尝试获取Office组ID时,我没有看到它出现在我所选功能中的“e”上。我应该以另一种方式获得办公室吗?

1 个答案:

答案 0 :(得分:0)

Kendo UI DropDownList确实有value()text()功能。值函数返回当前所选项dataValueField属性值。 Text函数返回dataTextField属性值。

在选择功能上,你可以得到像这样的值

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);
}