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

最新推荐文章于 2022-07-15 11:59:08 发布

最新推荐文章于 2022-07-15 11:59:08 发布 · 140 阅读

文章标签：

#javascript #json #ViewUI

本文介绍了一个使用ExtJS框架创建动态菜单的过程。通过Ajax请求获取JSON数据，并将其填充到菜单项中。然而，在初次点击时菜单位置会出现偏差，需要进一步调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试代码如下

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

Javascript代码

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

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代码