Ext.menu.Menu动态生成的菜单

测试代码如下

第一次点击的时候menu的位置不对,你可以自己修改下

Javascript代码

1. var menu = new Ext.menu.Menu({   
2.   listeners: {   
3.     'beforerender': function (m) {   
4.       Ext.Ajax.request({   
5.         url: 'json.txt',   
6.         success: function (response, opts) {   
7.           var menuArr = Ext.decode(response.responseText).data;   
8.           for (var i = 0; i < menuArr.length; i++) {   
9.             m.add(menuArr[i])   
10.             //console.log(menuArr[i])   
11.           }   
12.         },   
13.         params: {   
14.           tz: 'tz'  
15.         }   
16.       });   
17.     }   
18.   }   
19. })  

var menu = new Ext.menu.Menu({
  listeners: {
    'beforerender': function (m) {
      Ext.Ajax.request({
        url: 'json.txt',
        success: function (response, opts) {
          var menuArr = Ext.decode(response.responseText).data;
          for (var i = 0; i < menuArr.length; i++) {
            m.add(menuArr[i])
            //console.log(menuArr[i])
          }
        },
        params: {
          tz: 'tz'
        }
      });
    }
  }
})

测试的json:

Javascript代码

1. {   
2.     data:[   
3.         '<b class="menu-title">Choose a Theme</b>',   
4.         {   
5.             text: 'Aero Glass',   
6.             checked: true,   
7.             group: 'theme'  
8.         }, {   
9.             text: 'Vista Black',   
10.             checked: false,   
11.             group: 'theme'  
12.         }, {   
13.             text: 'Gray Theme',   
14.             checked: false,   
15.             group: 'theme'  
16.         }   
17.     ]   
18. }