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

posted @ 2008-09-02 13:16  菩提树下的杨过  阅读(2350)  评论(0编辑  收藏  举报