下のパネルを表示するsencha touch

私はリストの下にパネルを配置したいが、パネルは常にリストの一番上にあるようだ。私はレコードや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]
    });
0

1 答え

私は、データビューでパネルを使用していたはずです。

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

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',

    })
});
0
追加された