kendo-ui - 自定义下拉列表作为 Kendo Tree 中的一个项目

Question

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



我尝试使用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);