Question

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

2014-02-06

15457

javascript jquery web kendo-ui kendo-dropdown

我将 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

Binding Select Event of Kendo DropDownList as follow to get correct selected item

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

   });

这是正在运行的 JSFiddle

Answer 2

改用 change 事件，这样更直接

..
  change: function(e) {
    var value = this.value();
    // Use the value of the widget
  }
..

Answer 3

如果您使用 angular，您可以使用以下方法获取选定的项目： e.sender.dataItem(e.item.index())

Timea Emma

2015-01-14