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

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

尝试像这样指定列表的宽度和高度：

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