Easyui navigation menu accordion and tree dynamic additions

Blog Category:
• Java Web Development

JS Code

2. $.parser.parse ();
4. $.ajax ({
6. URL:MY.BP () +'/main/menuaction!createmenu.action ',
8. Type:' post ',
10. Async: false,
12. DataType:' json ',
14. Success:function (data) {
16. $.each (data, function (I, item) {
18. $ (' #main_west_accordion '). Accordion (' Add ', item);
20. $ (' # ' +item.id). html (' <ul id= "Ctrltree ' +item.id+ '" style= "margin-top:5px;"  ></ul> ');
22. $ (' #ctrltree ' +item.id). Tree ({
24. URL:MY.BP () +'/main/menuaction!treemenu.action?id= ' +item.id,
26. });
28. $ (' #ctrltree ' +item.id). Tree ({
30. Onloadsuccess:function () {
32. $ (this). Tree (' Options '). url = my.bp () + '/main/menuaction!treemenu.action ';
34. },
36. OnClick: function (node) {
38. //add (tab)
40. //Console.info (node);
42. },
44. OnDblClick: function (node) {
46. if (node.state = = ' closed ') {
48. $ (this). Tree (' expand ', node.target);
50. }else{
52. $ (this). Tree (' collapse ', node.target);
54. }
56. }
58. });
60. });
62. }
64. });
    

Easyui navigation menu accordion and tree dynamic additions