自定义下拉列表作为剑道树中的项目

时间:2018-05-03 14:33:13

标签: kendo-ui kendo-treeview kendo-dropdown kendo-combobox kendo-contextmenu

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

enter image description here

我尝试使用kendoContextMenu。但我不知道它是否可以正常工作,因为上下文菜单的问题是,当我点击一个复选框时菜单将关闭。请告诉我一种方法,或者如果你有一个代码示例。谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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

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

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