Sencha touch 输入到面板中时，项目显示为重叠

将项目添加到此面板时：

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"
    }
});

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

---

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

不是100%确定，但我认为您不应该在子面板上同时使用“高度”和“弹性”——这两种配置都定义了高度。此外，孩子们不需要

布局：{align:“stretch”}

，除非这是他们自己的子项。

不是100%确定，但我认为你不应该在你的子面板上同时使用“height”和“flex”——这两种配置都定义了高度。此外，孩子们不需要

布局：{align:“stretch”}

，除非这是他们自己的子项。

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

只是猜测，但尝试使用x-clear类在他们之间添加HTML