Элементы отображаются перекрывающимися при вводе в панель - PullRequest
Новая
       0

Элементы отображаются перекрывающимися при вводе в панель

1 голос
/ 06 сентября 2011

Когда я добавляю элементы в эту панель: 

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 и систему макетов для обмена картами.Панель дилеров - одна из этих карт.

Ответы [ 2 ]

1 голос
/ 09 сентября 2011

Просто предположение, но попробуйте добавить HTML между ними с помощью класса x-clear.

0 голосов
/ 06 сентября 2011

Не уверен на 100%, но я думаю, что вы не должны использовать и «высоту», и «изгиб» на дочерних панелях - обе эти конфигурации определяют высоту. Детям также не нужно layout: {align: "stretch"}, если только они не предназначены для собственных предметов.

...