代码之家 › 专栏 › 技术社区 › user6621897

更新淘汰可观察数组无法更新kendo multi-select控件

multi-select kendo-ui binding knockout.js javascript

user6621897 · 技术社区 · 8 年前

HTML格式

<select id ="multiSelect" data-bind="options: choices, selectedOptions:   selectedChoice">
</select>
Selected: <strong data-bind="text: selectedChoice"> </strong>

var ViewModel = function() {
   this.choices = ko.observableArray(["apple", "orange", "banana"]);
   this.selectedChoice = ko.observableArray();
};

var vm = new ViewModel()
ko.applyBindings(vm);
vm.choices.push("watermelon");
$("#multiSelect").kendoMultiSelect().data("kendoMultiSelect");
vm.choices.push("strawberry");

我对击倒装订有些陌生。谁能解释一下为什么草莓没有出现在多选项下拉框中?

这里是jsfiddle:

http://jsfiddle.net/he0xx93s/3/

1 回复 | 直到 8 年前

Community CDub 8 年前

Kendo的MultiSelect不会监听敲除可见对象所做的更改。

作为一种解决方法,您可以在每次阵列更改时显式更新kendo MultiSelect的dataSource。

以下是方法 to subscribe to a change.

所以主要思想应该是这样的:

vm.choices.subscribe(function(changes) {

    var ms = $("#multiSelect").data("kendoMultiSelect");

    changes.forEach(function(change) {
        if (change.status === 'added') {

            ms.dataSource.push(change.value);
        }
    });

}, null, "arrayChange");

类似地,您可以使用 remove dataSource的方法。

或者在更新时,您可以获取特定项目(如第三个项目)并使用 set 剑道观察法。

dataSource.data()[3].set('someProperty', newValue);

推荐文章

vik · 角度材料中的多帮助下拉2

7 年前

Nilakshi Naphade · 从下拉列表react select中删除元素

7 年前

Forever Newbie · Vue Multiselect中的“未定义”组标签?

7 年前

Kevin.Yang · 有没有办法在ObjectListView中不按Ctrl键进行多选?

7 年前

user6621897 · 更新淘汰可观察数组无法更新kendo multi-select控件

8 年前

NOGRP · OpenFileDialog从文本框多选目标路径

9 年前

István Andurit · 固定搜索输入的Bootstrap多选择

9 年前

Selman · 如何将选定值设置为ListBox

9 年前

Tony_m · 通过modx revo中的getResource输出多选择电视

10 年前

ineersa · 选择的多选顺序。加载页面时插件处于活动状态

11 年前