kendo-ui - 自定义下拉菜单作为剑道树中的项目

Question

我正在尝试创建一个作为“显示更多”按钮的项目，当您按下它时，您可以显示一种上下文菜单/下拉菜单，该下拉菜单中的所有项目都带有复选框，并且有一个搜索组件也在其中，因此您可以按名称搜索下拉列表中的某些项目。例如：（而不是“c++,c#,Object c”应该显示“显示更多”，即静态文本）

我尝试使用 kendoContextMenu。但我不知道它是否可以工作，因为上下文菜单的问题是，当我单击复选框时，菜单将关闭。请告诉我这样做的方法，或者如果您有代码示例。谢谢！

Answer 1

MultiSelect 组件可能是一个很好的起点

https://docs.telerik.com/kendo-ui/api/javascript/ui/multiselect。

我的理解是 MultiSelect 没有“在下拉列表中一次选择多个”功能。

您可以考虑使用弹出窗口并在其中实现您自己的自定义 ui，其中包含您想要的所有内容

• 搜索词框
• 选定和可选项目的滚动列表
• 接受或取消选择的更改

关于扩展下拉列表的道场，我无法为您编写扩展代码。但是，将 dataSource 分配更改为 setDataSource 调用将根据模板填充扩展组件。

// kendo.ui.DropDownList.fn.dataSource = options.testItemSource;
   me.setDataSource(options.testItemSource);