一、Table布局由類Ext.layout.TableLayout定義，類以于html中的table，可以對(duì)行或列進(jìn)行合并。
layoutConfig使用columns指定父容器分成3列，
rowspan合并行數(shù)目。
colspan合并列數(shù)目。
二、應(yīng)用舉例

復(fù)制代碼代碼如下:

 
Ext.onReady(function(){ 
var _panel = new Ext.Panel({ 
title:"人員信息", 
renderTo:Ext.getBody(), 
width:500, 
height:200, 
layout:"table", 
layoutConfig: { 
columns: 3 
}, 
items:[{title:"子元素1",html:"這是子元素1中的內(nèi)容",rowspan:2,height:100}, 
{title:"子元素2",html:"這是子元素2中的內(nèi)容",colspan:2}, 
{title:"子元素3",html:"這是子元素3中的內(nèi)容"}, 
{title:"子元素4",html:"這是子元素4中的內(nèi)容"} 
] 
} 
); 

您可能感興趣的文章:

相關(guān)文章

Extjs Label的 fieldLabel和html屬性值對(duì)齊的方法
這篇文章主要介紹了Extjs Label的 fieldLabel和html屬性值不能對(duì)齊的解決方法,需要的朋友可以參考下
2014-06-06
Extjs學(xué)習(xí)筆記之四工具欄和菜單
本文介紹在桌面程序開(kāi)發(fā)中很常用也很簡(jiǎn)單的工具欄和菜單，但是在通常的web開(kāi)發(fā)中，要實(shí)現(xiàn)好工具欄和菜單并非易事，然而extjs使我們能夠用類似桌面程序開(kāi)發(fā)的方法來(lái)開(kāi)發(fā)web的工具欄和菜單。
2010-01-01
ExtJS 2.2.1的grid控件在ie6中的顯示問(wèn)題
最近在學(xué)習(xí)使用ExtJS進(jìn)行富客戶端開(kāi)發(fā)。使用ExtJS 2.2.1的grid控件時(shí)，發(fā)現(xiàn)在ie6中運(yùn)行存在一個(gè)問(wèn)題
2009-05-05
JavaScript的Ext JS框架中的GridPanel組件使用指南
GridPanel和TreePnal功能類似,都是Ext JS中的表格便攜利器,相比之下GridPanel還要更強(qiáng)大并且更復(fù)雜一些,下面我們就來(lái)整理一下JavaScript的Ext JS框架中的GridPanel組件使用指南
2016-05-05
Extjs入門(mén)之動(dòng)態(tài)加載樹(shù)代碼
Extjs動(dòng)態(tài)加載樹(shù)的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
解決Extjs上傳圖片無(wú)法預(yù)覽的解決方法
網(wǎng)上找了好多EXTJS上傳圖片預(yù)覽的，但都不行，，，下面雖然IE8可以但肯定還存在其它瀏覽器的兼容性問(wèn)題，待擱應(yīng)付一下吧
2012-03-03
ExtJS Ext.MessageBox.alert()彈出對(duì)話框詳解
Ext.MessageBox是一個(gè)工具類，他繼承自O(shè)biect對(duì)象，用來(lái)生成各種風(fēng)格的信息提示對(duì)話框，Ext.Msg是該類的別名，使用Ext.MessageBox和用Ext.Msg效果是一樣的，而后者提供了更簡(jiǎn)單的方式。
2010-04-04
Extjs學(xué)習(xí)筆記之七布局
Panel內(nèi)部的組件添加多了之后，組件如何排放就成了一個(gè)問(wèn)題，Extjs的Layout就是為了解決這個(gè)問(wèn)題的。其實(shí)學(xué)習(xí)Layout的最好地點(diǎn)就是Extjs的官網(wǎng)的例子
2010-01-01
ExtJS 入門(mén)
記錄一下ExtJS的一些簡(jiǎn)單使用的方法.備忘
2010-10-10
extjs4 treepanel動(dòng)態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動(dòng)態(tài)改變行高度，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-12-12