ExtJS: agregar nuevo elemento de menú a instancia de menú en tiempo de ejecución

Question

Necesito agregar un elemento de menú recién creado en el tiempo de ejecución; por lo que mi código actualmente se ve así:

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); 

estoy usando el add method para agregar el elemento; pero no sucede nada con los elementos del menú, aunque en tiempo de ejecución. Aunque la depuración muestra que el nuevo elemento se ha agregado realmente a la configuración items de la instancia del Menú.

Sin embargo, funciona el remove method, en tiempo de ejecución.

Pregunta: ¿Cómo hacer que MenuItem recién agregado se muestre en el tiempo de ejecución? ¿Qué me estoy perdiendo?

ACTUALIZACIÓN: el código anterior funciona; Tuve una instrucción de conmutación defectuosa que estaba causando otra pasada a través de la lógica, eliminando el último elemento de menú creado.

Answer 1

comentario de ascenso de

El OP escribió

Aceptar que seguir la expedición hacia abajo; Tuve una instrucción de conmutación defectuosa que era que causaba otra pasada a través de la lógica, eliminando el último elemento de menú creado. De todos modos, marcaré su respuesta como correcta ya que también funciona (pasando el config obj).

---

Este ejemplo funciona:

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'}); 

no estoy muy seguro, pero de acuerdo a la API El menú tiene panel como el tipo por defecto cuando se mira a la menu pero parece ser menuitem acuerdo al menuitem API
Esto podría ser un poco confuso.