ExtJstable布局学习笔记

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>

 

个人感觉，这个布局用处不大，真需要table的时候，我直接在html属性里，写上table标签就可以了，不用这么麻烦。