将ext.menu.menu动态添加到ext.panel.panel中

Question

我动态创建了几个面板，并将添加到手风琴菜单中。对于每个面板，我都想添加一个ext.menu.Menu组件，但当我尝试添加时，菜单不可见，也不存在于DOM中。我还创建了一些菜单项，并将其添加到菜单中。

   for (var i = 0; i < store.totalCount; ++i){
       var rec = store.getAt(i);
        var panelItem =  new Ext.panel.Panel({
            title: (Ext.Date.format(rec.data.dateBorn, 'd-m-Y')) + " " + rec.data.name,
            value:rec.data.VALUE_FIELD,
        });
        panel.add(panelItem);
       var userMenu = new Ext.menu.Menu({
        width: 120,
        height: 70,
        className:"menu"
    });  
       panelItem.add(userMenu);
}

如果我创建了一个菜单项并添加到面板中，它会显示出来，但我想把它们放在菜单中，这里出了什么问题？

Answer 1

菜单默认为浮动组件。要将组件配置为浮动或非浮动，可以使用floating配置属性。

因此，如果你想直接在你的面板上显示菜单，菜单的配置应该是：

  var userMenu = new Ext.menu.Menu({
    width: 120,
    height: 70,        
    className:"menu",
    floating: false,
});