kendo-ui - 剑道多选控制 - 从下拉列表中删除所选项目

Question

我的 asp.net mvc 视图上有剑道多选控件。

每当用户从控件中选择值时，它在两个地方可见 1. 在文本框区域和 2. 下拉列表中突出显示的项目。

我想从下拉列表中删除所选项目并仅显示在文本框区域。

实际上，它在以前的版本上按预期工作，但升级到最新版本后，它在两个地方都可见（1. 在文本框区域和 2. 在下拉列表中突出显示。）

我知道这是最新版本中提供的额外外观更改。只是想看看是否有任何属性我可以处理它只显示在文本框区域而不是在下拉列表中突出显示。

Answer 1

一种选择是用 css 隐藏它们

.hide-selected > li.k-state-selected{
    display: none;
}

确保将隐藏选定的类添加到您的多选中。

multiselectwidget.ul.addClass('hide-selected');

Answer 2

这个问题已经很老了，但希望这对将来的人有所帮助。

将事件附加到您的 MultiSelect

.Events(e =>
{
  e.Change("onChange");
})

然后添加一个 JavaScript 函数来处理隐藏

function onChange() {
    $('li.k-state-selected').hide();
}

这将在您选择它们​​时隐藏您选择的所有项目。