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