2011 年 9 月にこのプロジェクトが初めて開始されたとき、私は公園で狂った学者を見つけました。 Xiucai のデモには複数レベルのメニューがないためです。私もEasyuiに触れるのは初めてです。多くの人は理解できません。しかし、その後、私たち3人はそれに気づきました。しかし、私たちのプロジェクトは使用できないことがわかりました。諦めてください!ずっとそこに眠っていました…幸いなことに、ついに見つけました
今日、友達がこの作品を欲しがっていたので、投稿しました。必要に応じてご覧いただけます。確かに方法は複数あります。これは私たちがそれを実装する方法です(笑)
要件:「ナビゲーションメニュー-基本データ-基本データ1-サブメニュー1」などのメニュー
効果:
js コードは次のとおりです
/**************************************インデックスページ*********** ********************************/
var _menus = {
basic: [{
"menuid": "10",
"icon": "icon- sys",
" menuname": "共通メニュー",
"menus":
[{
"menuid": "111",
"menuname": "基本データ 1" ,
"icon" : "icon-nav",
"url": "#"
}, {
"menuid": "113",
"menuname": "Basicデータ 12",
"icon": "icon-nav",
"url": "#"
},
//
{
"menuid": "119 ",
"menuname ": "これにはサブメニューがあります",
"icon": "icon-nav",
"menus": [{
"menuid": "120",
"menuname" : "サブメニュー 1",
"icon": "icon-nav",
"menus": [{
"menuid": "120",
"menuname" : "子子menu11111",
"icon": "icon-nav",
"url": "#"
}]
}]
},
//
{
"menuid": "115",
"menuname": "基本データ 13",
"icon": "icon-nav",
"url": "# "
}, {
"menuid": "117",
"menuname": "基本データ 14",
"icon": "icon-nav",
"url" : "# "
}, {
"menuid": "119",
"menuname": "基本データ 15",
"icon": "icon-nav",
"url" : "em/enterpriseChannelObtend.action"
}]
}, {
"menuid": "20",
"icon": "icon-sys",
" menuname": "Test One",
"menus": [{
"menuid": "211",
"menuname": "Test One 11",
"icon": "icon -nav" ,
"url": "#"
}, {
"menuid": "213",
"menuname": "テスト 122",
"アイコン": "icon -nav",
"url": "#"
}]
}],
point: [{
"menuid": "20",
"icon ": "icon-sys",
"menuname": "メールリスト",
"menus": [{
"menuid": "211",
"menuname": "メールの目的",
"icon": "icon-nav",
"url": "#"
}, {
"menuid": "213",
"menuname": "メール調整 ",
"icon": "icon-nav",
"url": "#"
}]
}]
};
ソースコードをダウンロード
jQuery-Easyui-12-three-Demo.rar