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

Posted 2023-02-25

【中文标题】嵌套列表在面板内时不显示商店数据

【英文标题】：Nestedlist not showing store data when inside panel

【发布时间】：2012-06-05 08:43:20

【问题描述】：

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

    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】：

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

试试：

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

希望对你有帮助

【讨论】：

非常感谢，我知道这是我的配置错误。还有一个问题，我应该设置什么配置以使列表不呈现到页面的末尾，但只要它本身？