1

我正在尝试实现一项功能,以通过服务器过滤在剑道的多选控件中选择一个项目。当用户在所选项目上按下选项卡时。这是我的kepdown事件代码:

if (e.keyCode === 9) {
       var selectedItem = multiSelect.current();

       if (selectedItem) {

            var selectedIndex = selectedItem.data("idx");

            if (selectedIndex >= 0) {

                var currentValue = multiSelect.value().slice();    
                var dataitems = multiSelect.dataSource.view();
                var selectedDataItem = dataitems[selectedIndex];

                multiSelect.dataSource.filter({});
                currentValue.push(selectedDataItem.relatedId);
                multiSelect.value(currentValue);

                multiSelect.trigger("change");
            }
         }
      }

但只要我在相同的数据视图中搜索它就可以正常工作,即假设我选择两个以 Cloud 开头的值,然后我选择一个以 App 开头的值,然后 kendo 将删除以 Cloud 开头的前两个值,并且控件将只包含一个值最后选择。

我调试了剑道的代码,发现剑道函数_index中的问题,因为它在dataSource.view中找到了值

我在http://dojo.telerik.com/OtAvi重新创建了这个问题

4

1 回答 1

0

您的代码不起作用,因为您已在数据源中serverFiltering设置为true

dataSource: {
    type: "odata",
    serverFiltering: true,
    transport: {
        read: {
            url: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
        }
    }
},

由于数据是在服务器上过滤的,所以调用multiSelect.dataSource.filter({});只是清除已经过滤的数据。话虽如此,当您调用 时multiSelect.value(currentValue);,只能选择当前过滤的dataSource 中的值。这导致选择仅保留当前数据视图中的项目。

除非您有充分的理由不这样做,否则最简单的解决方法是将 setserverFiltering设置为false.

于 2015-06-02T18:36:32.033 回答