At the beginning of the September 11 project, I found the crazy scholar in the garden. Because the scholar above the demo does not have the multi-level menu. is also the first contact Easyui. Much is not understood. But then we did it. But find out that our project is not going to work. Just give It up! All the time. Fortunately, finally found
Today the friend wants this piece, put it out. There is a need to see. There must be more than one way. It's just the way we do it, huh?
Requirements: Menus such as "navigation menu-basic data-basic Data 1-submenu 1"
Effect:
JS code is as follows
Copy Code code as follows:
/****************************************index page ******************************************/
var _menus = {
Basic: [{
"MenuID": "10",
"Icon": "Icon-sys",
"Menuname": "Common Menu",
"Menus":
[{
"MenuID": "111",
"Menuname": "Base data 1",
"Icon": "Icon-nav",
"url": "#"
}, {
"MenuID": "113",
"Menuname": "Base data 12",
"Icon": "Icon-nav",
"url": "#"
},
//
{
"MenuID": "119",
"Menuname": "This is a submenu",
"Icon": "Icon-nav",
"Menus": [{
"MenuID": "120",
"Menuname": "Sub-menu 1",
"Icon": "Icon-nav",
"Menus": [{
"MenuID": "120",
"Menuname": "Sub-submenu 11111",
"Icon": "Icon-nav",
"url": "#"
}]
}]
},
//
{
"MenuID": "115",
"Menuname": "Base data 13",
"Icon": "Icon-nav",
"url": "#"
}, {
"MenuID": "117",
"Menuname": "Base data 14",
"Icon": "Icon-nav",
"url": "#"
}, {
"MenuID": "119",
"Menuname": "Base data 15",
"Icon": "Icon-nav",
"url": "Em/enterprisechannelobtend.action"
}]
}, {
"MenuID": "20",
"Icon": "Icon-sys",
"Menuname": "Test One",
"Menus": [{
"MenuID": "211",
"Menuname": "Test 111",
"Icon": "Icon-nav",
"url": "#"
}, {
"MenuID": "213",
"Menuname": "Test 122",
"Icon": "Icon-nav",
"url": "#"
}]
}],
Point: [{
"MenuID": "20",
"Icon": "Icon-sys",
"Menuname": "Mailing List",
"Menus": [{
"MenuID": "211",
"Menuname": "Mail Use",
"Icon": "Icon-nav",
"url": "#"
}, {
"MenuID": "213",
"Menuname": "Mail Adjustment",
"Icon": "Icon-nav",
"url": "#"
}]
}]
};
SOURCE Download Jquery-easyui-12-three-demo.rar
