學(xué)習(xí)ExtJS table布局
更新時(shí)間：2009年10月08日 00:06:20 作者：
ExtJS table布局使用說明，需要的朋友可以參考下。
一、Table布局由類Ext.layout.TableLayout定義，類以于html中的table，可以對行或列進(jìn)行合并。
layoutConfig使用columns指定父容器分成3列，
rowspan合并行數(shù)目。
colspan合并列數(shù)目。
二、應(yīng)用舉例
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)容"}
]
}
);
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 2.0實(shí)用簡明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁面中引入extjs的樣式及extjs庫文件2009-04-04
extjs實(shí)現(xiàn)的分頁，使用jsp傳遞數(shù)據(jù)，具體實(shí)現(xiàn)過程如下，需要的朋友莫錯(cuò)過2014-07-07
接下來為大家介紹下GridPanel的幾種樣式及選擇模式分類介紹，感興趣的朋友可以參考下哈2013-04-04
ExtJS Grid使用SimpleStore、多選框的方法
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。2009-11-11
Extjs4 關(guān)于Store的一些操作(加載/回調(diào)/添加)
本文詳細(xì)介紹下關(guān)于加載和回調(diào)的問題、從一個(gè)store添加符合某條件記錄給另一個(gè)store中，感興趣的朋友可以參考下，希望對你有所幫助2013-04-04
extjs grid取到數(shù)據(jù)而不顯示的解決
在使用extjs gridpanel時(shí)，當(dāng)將數(shù)據(jù)載入時(shí)，grid中的數(shù)據(jù)并沒有顯示出來。2008-12-12
這篇文章主要為大家詳細(xì)介紹了ExtJS 4.2 Grid組件的單元格合并,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
ExtJs默認(rèn)的字體大小改變的幾種方法(自己整理)
本文列出網(wǎng)上收集的幾種方法，希望對大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈2013-04-04
ComboBox 和 DateField 在IE下消失的解決方法
開發(fā)過程中卻遇到了在 IE 瀏覽器中放大、縮小窗口大小會(huì)導(dǎo)致這兩個(gè)組件消失不見不報(bào)任何錯(cuò)誤且在其他瀏覽器正常，通過本文你將學(xué)會(huì)如何解決此問題2013-08-08
ExtJS4如何自動(dòng)生成控制grid的列顯示、隱藏的checkbox
需要做一個(gè)控制grid列顯示的checkboxgroup，雖然EXTJS4中的gridpanel自帶列表可以來控制列的顯示隱藏,需要的朋友可以參考下2014-05-05