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

Question

当此列表显示在面板内时，我在加载我的嵌套列表数据时遇到问题。 这是我的代码：

    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); 它就像一个魅力，只是嵌套列表周围没有光滑的黑色边框。 但是如果我把它改回来，它确实会显示带有漂亮边框但没有任何数据的嵌套列表。

我确定我忘了设置一些关键配置，唯一的问题是：哪些

Answer 1

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

试试：

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

希望对你有帮助