學(xué)習(xí)ExtJS border布局
更新時(shí)間：2009年10月08日 00:01:47 作者：
ExtJS border布局使用說(shuō)明，需要的朋友可以參考下。
一、Border布局由類Ext.layout.BorderLayout定義，布局名稱為border。該布局把容器分成東南西北中五個(gè)區(qū)域，分別由east，south, west，north, cente來(lái)表示，在往容器中添加子元素的時(shí)候，我們只需要指定這些子元素所在的位置，Border布局會(huì)自動(dòng)把子元素放到布局指定的位置。
二、應(yīng)用舉例
Ext.onReady(function(){
new Ext.Viewport({
layout:"border",
items:[{region:"north",
height:50,
title:"頂部面板"},
{region:"south",
height:50,
title:"底部面板"},
{region:"center",
title:"中央面板"},
{region:"west",
width:100,
title:"左邊面板"},
{region:"east",
width:100,
title:"右邊面板"}
]
});
});
二、應(yīng)用舉例
復(fù)制代碼 代碼如下:
Ext.onReady(function(){
new Ext.Viewport({
layout:"border",
items:[{region:"north",
height:50,
title:"頂部面板"},
{region:"south",
height:50,
title:"底部面板"},
{region:"center",
title:"中央面板"},
{region:"west",
width:100,
title:"左邊面板"},
{region:"east",
width:100,
title:"右邊面板"}
]
});
});
相關(guān)文章
extjs3 combobox取value和text案例詳解
使用combobox時(shí)，它有一個(gè)hiddenName的屬性，專門(mén)用于提交combobox中value的值,接下來(lái)介紹extjs3 combobox如何取value和text值,感興趣的朋友可以不要錯(cuò)過(guò)了啊2013-02-02
Extjs雖然有著華麗的界面，但是真正使用過(guò)的人才知道，它運(yùn)行起來(lái)的速度是讓人抓狂的，而導(dǎo)致速度慢的重要原因，就是js的加載。2010-08-08
extjs grid取到數(shù)據(jù)而不顯示的解決
在使用extjs gridpanel時(shí)，當(dāng)將數(shù)據(jù)載入時(shí)，grid中的數(shù)據(jù)并沒(méi)有顯示出來(lái)。2008-12-12
Extjs中的GridPanel隱藏列會(huì)顯示在menuDisabled中解決方法
在Extjs中的GridPanel會(huì)有這樣的情況，隱藏列會(huì)顯示在menuDisabled中,但是這個(gè)一般沒(méi)有什么用處，只是用于后臺(tái)取值的作用,感興趣的朋友可以了解下啊，希望本文對(duì)你有所幫助2013-01-01
Ext4.2的Ext.grid.plugin.RowExpander無(wú)法觸發(fā)事件解決辦法
這篇文章主要介紹了Ext4.2的Ext.grid.plugin.RowExpander無(wú)法觸發(fā)事件解決辦法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以參考下2014-08-08
ExtJS時(shí)一套AJAX控件,本人認(rèn)為它是目前我見(jiàn)過(guò)最好最美的JS控件庫(kù)，所以非常有學(xué)習(xí)和使用價(jià)值，如果你還沒(méi)有接觸過(guò)ExtJS或者壓根對(duì)其不感興趣，那么沒(méi)有必要看下去了2009-09-09
Extjs列表詳細(xì)信息窗口新建后自動(dòng)加載解決方法
有時(shí)候我們?cè)谛陆斜碇械囊豁?xiàng)后需要進(jìn)入立刻進(jìn)入詳細(xì)信息的編輯頁(yè)面，為了使得操作簡(jiǎn)便，一般設(shè)定自動(dòng)導(dǎo)向。2010-04-04
Extjs grid panel自帶滾動(dòng)條失效的解決方法
對(duì)gridPanel中的stroe數(shù)據(jù)進(jìn)行過(guò)濾，所以有時(shí)候總是導(dǎo)致gridPanel自身所帶的scrollbar失效，好了，現(xiàn)在來(lái)說(shuō)說(shuō)怎么解決scrollbar失效2014-09-09
ExtJS4 動(dòng)態(tài)生成的grid導(dǎo)出為excel示例
解決了一個(gè)表格不能重復(fù)下載的小BUG，一個(gè)使用grid初始化發(fā)生的BUG,需要的朋友可以參考下2014-05-05
Ext JS框架程序中阻止鍵盤(pán)觸發(fā)回退或者刷新頁(yè)面的代碼分享
鍵盤(pán)上的F5或者退格鍵等按鍵一般來(lái)說(shuō)會(huì)觸發(fā)頁(yè)面的后退或者刷新事件,然而這些在前端用代碼是可以給屏蔽掉的,這里我們就來(lái)看一下Ext JS框架程序中阻止鍵盤(pán)觸發(fā)回退或者刷新頁(yè)面的代碼分享2016-06-06