内部面板时,嵌套列表不显示商店数据

时间:2012-06-05 08:43:21

标签: panel sencha-touch-2 nested-lists

当在列表中显示此列表时,我在加载嵌套列表数据时遇到问题。 这是我的代码:

    var titleBar = Ext.create("Ext.TitleBar", {
            id: 'mainNavigationBar',
            xtype : 'titlebar',
            layout: 'hbox',
            docked: 'top',
            title : 'cSenchaTitleBar',
            items:[
                {
                    xtype:"button",
                    text:"Menu",
                    align:"left",
                    listeners:{
                        tap: function(){
                             nestedListxx.showBy(this);
                        }
                    }
                },
            ]
        });


    var nestedList = 
        Ext.create('Ext.NestedList', {
            displayField: 'text',
            title:"cSenchaMenu",
            store: "oNavStore",
            id: 'mainNestedList',
            xtype : 'nestedlist',
            width:250,
            useTitleAsBackText: false,


         });
     var nestedListxx = Ext.create("Ext.Panel", {
         width:260,
        items:nestedList
    });

问题如下: 如果我改变,请说 nestedListxx.showBy(this);nestedList.showBy(this); 它就像一个魅力,只有嵌套列表周围没有光滑的黑色边框。 但是,如果我将其更改回来,它确实会显示带有漂亮边框但没有任何数据的嵌套列表。

我确信我忘了设置一些关键配置,只有问题是:哪些

1 个答案:

答案 0 :(得分:1)

您可能需要为Ext.Panel设置布局。

尝试:

var nestedListxx = Ext.create("Ext.Panel", {
    width:260,
    layout:'fit',
    items:nestedList
});

希望这有帮助