Kendo多选控制 - 从下拉列表中删除所选项目

Question

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

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

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

实际上，它在前一版本上按预期工作，但在升级到最新版本后，它在两个位置都可见（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();
}

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