kendo-ui - 如何以编程方式添加剑道菜单项？

Question

如何以编程方式将菜单项添加到剑道菜单？

var menu = $("#menu").data("kendoMenu");
var item1 = menu.append({text: "Option 1"});
var item2 = menu.append({text: "Option 2"}, item1);

这会将项目彼此相邻添加，但我希望选项 2 成为选项 1 的子项目。

我怎么做？

谢谢

Answer 1

我希望这个例子可以帮助你：

|Menu 1 | Menu 2 |

代码

var menu = $("#menu1").data("kendoMenu");

menu.append({text: "OneMoreMenu",cssClass:"OneMoreMenu"});

结果 ：

|Menu 1 | Menu 2 | **OneMoreMenu**

代码：

menu.append({text: "SubMenu1", cssClass:"SubMenu1"}, $('.OneMoreMenu'));
menu.append({text: "SubMenu2",cssClass:"SubMenu2"}, $('.OneMoreMenu'));

结果 ：

|Menu 1 | Menu 2 | **OneMoreMenu**
___________________ |SubMenu1
___________________ |SubMenu2

代码：

menu.append({text: "SubMenu2_1",cssClass:"SubMenu2_1"}, $('.SubMenu2'));
menu.append({text: "SubMenu2_2",cssClass:"SubMenu2_2"}, $('.SubMenu2'));

结果 ：

|Menu 1 | Menu 2 | **OneMoreMenu**
___________________ |SubMenu1
___________________ |SubMenu2___|SubMenu2_1
________________________________|SubMenu2_2