6

我需要在运行时添加一个新创建的 MenuItem；所以我的代码目前看起来像：

var myMenu = myCmp.query('mymenu')[0]; // retrieve my only Menu object
var menuItem = Ext.create('Ext.menu.Item', {
    itemId: 'myItemId', text: 'textGoesHere'
});
myMenu.add(menuItem);

我正在使用该add方法添加项目；但是在运行时菜单项没有任何反应。即使调试显示新项目实际上已添加到itemsMenu 实例的配置中。

但是，在运行时使用该remove方法确实有效。

问题：如何让新添加的MenuItem在运行时显示？我错过了什么？

更新：上面的代码有效；我有一个有缺陷的 switch 语句，导致另一个逻辑通过，删除了最后创建的 menuItem。

4

1 回答 1

5

评论顶起来

OP写道

好的，我跟踪问题；我有一个有缺陷的 switch 语句，导致另一个逻辑通过，删除了最后创建的 menuItem。我仍然会将您的答案标记为正确，因为它也可以正常工作（通过传递配置 obj）。

这个例子有效：

var menu = Ext.create('Ext.menu.Menu', {
   width: 100,
   height: 100,
   floating: false,  // usually you want this set to True (default)
   renderTo: Ext.getBody(),  // usually rendered by it's containing component
   items: [{
       text: 'icon item',
       iconCls: 'add16'
   },{
       text: 'text item'
   },{
       text: 'plain item',
       plain: true
   }]
});

menu.add({text:'test'});

我不太确定，但根据 API，当您查看菜单时，Menu 将面板作为默认类型，但根据menuitem API ，它似乎是 menuitem
这可能有点令人困惑。

于 2012-09-14T11:06:40.203 回答