Kendo UI Web - DropDownList:选择事件未正确返回选定值

Question

我正在将一个DropDownList小部件绑定到select事件,如下所示:

var items = [
    { text: 'Item 3', value: '3' },
    { text: 'Item 4', value: '4' }
];

var dropDownListEl = $('#dropdownlist');
dropDownListEl.kendoDropDownList({
    dataTextField: 'text',
    dataValueField: 'value',
    index: 0
});

var kDropDownList = dropDownListEl.data('kendoDropDownList'),
    ds = kDropDownList.dataSource;

items.forEach(function (item) {
    ds.add(item);
});

kDropDownList.bind('select', function (e) {
    console.log('this.value(): ' + this.value());
});

但是,当我进行选择时,它不会返回正确的值.

我一直在尝试几乎所有的可能性,没有一个是有效的.http://jsfiddle.net/glenn/gxJ3S/

这让我疯了!

Answer 1

绑定选择Kendo DropDownList的事件,如下所示,以获得正确的选定项目

   kDropDownList.bind('select', function (e) {
       var dataItem = this.dataItem(e.item.index());
        console.log('this.value(): ' + dataItem.value);

   });

这是工作的JSFiddle