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

时间:2013-04-03 11:56:26

标签: sencha-touch sencha-touch-2

我的列表视图:

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()方法对按钮,但我得到的是一个没有填充面板的小箭头。我知道列表正在填充,因为我在视图中显示了整个列表以进行测试。在弹出窗口中使用列表时,“适合”布局似乎有问题吗?

我错过了什么吗?

1 个答案:

答案 0 :(得分:0)

尝试指定宽度&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?");