Question

当我在此面板中添加项目时：

myapp.cards.dealerList = new Ext.Panel({
    scroll:true,
    layout:{
        type:"vbox",
        align:"stretch"
    },
    id: "dealer-list-results-card",
    dockedItems: [myapp.toolbars.dealerList, myapp.toolbars.dealerListNav],
    items: []
})

他们出现在彼此之上。

所以在方括号内指定这两个项目的情况下：

new Ext.Panel({
    html:"Dealer results",
    baseCls:"x-toolbar-title",
    scroll:true,
    flex:1,
    height: 200,
    layout:{
        align:"stretch"
    }
});

new Ext.Panel({
    html:"Dealer results two",
    baseCls:"x-toolbar-title",
    scroll:true,
    flex:1,
    height: 200,
    layout:{
        align:"stretch"
    }
});

它们看似重叠。我的目标是将面板和列表作为两个项目。

注意：我正在使用sencha touch和卡片布局系统在卡片之间进行交换。 Dealerlist面板就是其中一张。

Answer 1

只是猜测，但尝试在x-clear类之间添加HTML。

Answer 2

不是100％肯定，但我认为你不应该在你的儿童面板上同时使用“身高”和“屈服” - 这两个配置都定义了身高。孩子也不需要layout: {align: "stretch"}，除非这是他们自己的孩子项目。

输入面板时，项目会重叠

2 个答案: