剑道多选控制 - 从下拉列表中删除选定项目答案

【问题标题】：Kendo multiselect control - Remove selected items from dropdown剑道多选控制 - 从下拉列表中删除选定项目
【发布时间】：2015-04-08 17:31:08
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

一种选择是用 css 隐藏它们

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

确保将 hide-selected 类添加到您的多选中。

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

【讨论】：

【解决方案2】：

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

将事件附加到您的多选

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

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

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

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

【讨论】：