Показать панель под списком sencha touch - PullRequest
Новая
       18

Показать панель под списком sencha touch

0 голосов
/ 25 ноября 2011

Я хочу разместить панель под списком, но кажется, что панель всегда находится над списком. Я не хочу устанавливать высоту в списке, так как в ней может не быть записей или 20, поэтому высота меняется.

Я просто хочу, чтобы моя панель отображалась прямо под моим списком . Также обратите внимание, что я отключил прокрутку. 

 Rad.views.testList = Ext.extend(Ext.List, {
        fullscreen: true,
        layout: 'hbox',
        scroll: false,
        align: 'top',

        store: Rad.stores.test,

        itemTpl: Rad.views.testTemplate(),


    });


   topPanel = new Ext.Panel({
        fullscreen: true,
        scroll: true,
        layout: {
           type: 'vbox',
           pack: "start",
           align: "start"
        },
        defaults: {
           width: '100%',
        },
        items: [
            {
                layout: 'hbox',
                items: [testList]

            },
            {
                html: 'This will be on the list not below!'
        ]


   }); 

    Ext.apply(this, {
        layout: {
            type: 'vbox',
            pack : 'top',
        }, 
        dockedItems: [titlebar],
        items : [ topPanel]
    });

1 Ответ

0 голосов
/ 26 ноября 2011

Я должен был использовать панели с просмотром данных. 

var tpl = new Ext.XTemplate(
    '<tpl for=".">',
        '<div class="photosLocation">{pic}{name}',
        '</div>',
    '</tpl>'
);

var panel = new Ext.Panel({
    width:535,
    autoHeight:true,
    layout:'hbox',
    title:'Simple DataView',

    listeners: {
        click: {
            element: 'el', //bind to the underlying el property on the panel
            fn: function(){ alert('click'); }
        }
    },
    items: new Ext.DataView({
        store: Rad.stores.deals,
        tpl: tpl,
        autoHeight:true,
        itemSelector:'div.photosLocation',

    })
});
...