动态地将ext.menu.Menu添加到ext.panel.Panel

时间:2013-12-04 11:49:46

标签: extjs menu panel menuitem

我动态创建了几个面板并将其添加到手风琴菜单中。对于每个面板,我想添加一个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);
}

如果我创建一个菜单项并添加到面板中它会显示,但我想将它们放在菜单中,这里有什么问题?

1 个答案:

答案 0 :(得分:2)

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

因此,如果您想直接在面板中显示菜单,菜单的配置应为:

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