ExtJs學習筆記(17)_table佈局

ExtJs學習筆記(17)_table佈局

table佈局顧名思義，就是象table表格一樣的佈局

 

<script type="text/javascript">
    Ext.onReady(function() {
        var win = new Ext.Window({
            title: "table Layout",
            height: 210,
            width: 290,
            plain: true,
            bodyStyle: 'padding:15px',
            layout: 'table',
            layoutConfig: {
                columns: 3
            },
            defaults:{width:80,height:50},
            items: 
            [
                { html: '1,1(rowspan=3)', rowspan: 3 ,height:150},
                { html: '1,2'},
                { html: '1,3' },
                { html: '2,2(colspan=2)', colspan: 2, width: 160 },
                { html: '3,2' },
                { html: '3,3' }
            ]

        });
        win.show();
    });
</script>

 

轉載請註明來自"菩提樹下的楊過" http://www.cnblogs.com/yjmyzz/archive/2008/09/02/1281978.html

 

個人感覺，這個佈局用處不大，真需要table的時候，我直接在html屬性裏，寫上table標籤就可以了，不用這麼麻煩