ExtJs学习笔记(17)_table布局

简介: table布局顾名思义,就是象table表格一样的布局       Ext.onReady(function() {        var win = new Ext.Window({            title: "table Layout",            height: 2...

table布局顾名思义,就是象table表格一样的布局

 

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

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

 

转载请注明来自"菩提树下的杨过" http://www.cnblogs.com/yjmyzz/archive/2008/09/02/1281978.html


 

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

目录
相关文章
|
前端开发
web前端学习(十八)——CSS3表格属性(table)的相关设置
web前端学习(十八)——CSS3表格属性(table)的相关设置
web前端学习(十八)——CSS3表格属性(table)的相关设置
|
JavaScript 容器
ExtJS 的布局
容器中可以放多个组件,甚至可以放其他容器 布局负责帮助容器,管理其中的组件。 容器中的layout选项(属性)用于控制容器的布局。 1.垂直布局与水平布局
1370 0
|
JavaScript 前端开发 测试技术
|
JavaScript 前端开发
|
JavaScript 前端开发
|
前端开发 JavaScript
|
JavaScript 数据格式 前端开发
ExtJS学习(三)Grid表格
表格说明 Ext中的表格功能非常强大,包括排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。
1056 0