Kendo ui 剑道菜单是否可以包含组合框作为菜单项

我发布了关于这个问题的帖子，但忽略了发布代码，因此遭到了猛烈抨击。所以，我想在这里把我的问题解释清楚

1剑道菜单是否支持对菜单项使用组合框？ 2如果答案是肯定的，那么我有一个问题是如何做

我在这里创建了一个JSFIDLE：

如果我定义剑道菜单如下：

HTML

})

我想让第一项“水果”在上述代码中呈现为标准菜单项下拉列表，将其呈现为仅限于其数据项列表的组合框，并显示用户选择的任何列表项中的文本。菜单数据源是动态的，所以我不认为我可以在html中指定它。但是我搜索了剑道论坛、演示和stackoverflow，没有找到任何相关的例子。菜单的功能要求如下。如果选择“Apple”，菜单将显示为：

苹果v |站点|位置

如果用户单击下拉列表并选择“香蕉”，菜单将显示为：

香蕉v |项目|库存

---

-Pat

仅仅使用菜单小部件并不是一个很好的方法，因为出于某种原因，菜单小部件的设计不是为了实际跟踪底层数据项

传入的数据源不像其他小部件那样转换为真正的kendo.data.dataSource。 菜单项不会将uid返回到创建它们的数据项，因为它不使用数据源 无法提供从中呈现菜单项的模板。 但是，您可以使用jQuery强制更改元素文本

另一种方法是尝试在菜单旁边放置一个实际的下拉小部件，或者将其浮动到菜单旁边？经历让CSS看起来和菜单一样的痛苦

另一种选择是制作一个完全定制的小部件，它可以输出与菜单小部件具有相同元素结构和css类的元素，但实际上将其绑定到数据源。然后可以将数据源中父项的名称更新为所选项的文本，并更新UI元素以与MVVM匹配

我知道，这是一个相当笼统的解释，但我想到的是与旧的/不再支持的音乐商店示例中的自定义购物车菜单类似的东西，您可以在这里找到：

<ul id="menu"></ul>

$(document).ready(function() {
var menuItems = [{text: "Apple", url: "http://www.google.com"},
                 {text: "Banana", url: "http:\/www.google.com"},
                 {text: "Orange", url: "http://www.google.com"}];

var menuData = [{text: "Fruits", items: menuItems},
                {text: "Site", url: "http://www.google.com"},
                {text: "Location", url: "http://www.google.com"}];


var menu = $("#menu").kendoMenu({ dataSource: menuData });