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

Kendo ui 自定义下拉列表作为剑道树中的项目,kendo-ui,kendo-treeview,kendo-dropdown,kendo-combobox,kendo-contextmenu,Kendo Ui,Kendo Treeview,Kendo Dropdown,Kendo Combobox,Kendo Contextmenu,我正在尝试创建一个按钮“显示更多”的项目,当您按下它时,您可以显示一种上下文菜单/下拉列表,该下拉列表中的所有项目都带有复选框,其中也有一个搜索组件,因此您可以按其名称搜索下拉列表中的某些项目。例如:(而不是“c++,c#,Object c”,它应该显示“show more”,即静态文本) 我尝试使用kendoContextMenu。但我不知道它是否可以工作,因为上下文菜单的问题是,当我点击复选框时,菜单将关闭。请告诉我一种方法,或者如果你有一个代码的例子。谢谢 多选组件可能是一个很好的起点

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


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

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

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

您可以考虑使用弹出窗口,并在其中实现您自己的自定义UI,该UI具有您想要的所有属性

  • 搜索词框
  • 所选和可选项目的滚动列表
  • 接受或取消选择中的更改
关于扩展下拉列表的dojo,我无法为您编写扩展代码。但是,将dataSource分配更改为setDataSource调用将根据模板填充扩展组件

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

好的,谢谢。我尝试扩展kendoDropDownList并将其与multi-select组合。这就是我所做的。。。但是下拉列表是空的,尽管我用数据源初始化它。。。你有什么想法吗?另外,dropdownlist对我来说不是很好,因为我希望当我点击剑道树视图对象中正确位置的特定节点时,这个弹出窗口会打开。所以我需要扩展弹出窗口?或者还有什么…?树状视图应该在节点渲染中有一些动作指示器,对于弹出动作,这通常是省略号。在过去的工作中,我使用了web字体图标.k-I-more-horizontal(Unicode:e032)和指导性工具提示。如果你走弹出路线,有更多问题,请提出一个新问题和dojo。对于popup you,我只会使用常规组件来实现popup,并且仅当我需要在应用程序中的三个或更多其他位置的复合ui“体验”时才进行扩展。