Question

我的列表视图：

Ext.define("SenchaMaint2.view.MenuList", {
    extend: 'Ext.Container',
    alias: 'widget.menulist',

    requires: [

    ],

    config: {
        layout: 'fit',        
        items: [
            {                
                xtype: 'list',                                           
                itemTpl: [
                    '<div>{MenuItem}</div>'
                ],               
                store: 'menuListStore'
            }            
        ]
    }
});

如何在停靠到底部工具栏按钮上方的面板弹出窗口中显示此内容？我在控制器中获得了对列表的引用。我使用showBy（）方法对按钮，但我得到的是一个没有填充面板的小箭头。我知道列表正在填充，因为我在视图中显示了整个列表以进行测试。在弹出窗口中使用列表时，“适合”布局似乎有问题吗？

我错过了什么吗？

Answer 1

尝试指定宽度＆amp;像这样的列表高度：

Ext.define("SenchaMaint2.view.MenuList", {
extend: 'Ext.Container',
alias: 'widget.menulist',

requires: [

],

config: {
    layout: 'fit',  
    height: 200,
    width: 200,      
    items: [
        {                
            xtype: 'list',                                           
            itemTpl: [
                '<div>{MenuItem}</div>'
            ],               
            store: 'menuListStore'
        }            
    ]
}
});

然后通过这样的按钮显示：

menulist.showBy(button, "tl-bl?");

如何使用show by在按钮上方的弹出框中显示列表？

1 个答案: