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标签就可以了，不用这么麻烦