學習ExtJS border布局

更新時間：2009年10月08日 00:01:47 作者：

ExtJS border布局使用說明，需要的朋友可以參考下。

一、Border布局由類Ext.layout.BorderLayout定義，布局名稱為border。該布局把容器分成東南西北中五個區(qū)域，分別由east，south, west，north, cente來表示，在往容器中添加子元素的時候，我們只需要指定這些子元素所在的位置，Border布局會自動把子元素放到布局指定的位置。
二、應用舉例

復制代碼代碼如下:

 
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:"右邊面板"} 
] 
}); 
}); 

Extjs學習筆記之四工具欄和菜單
本文介紹在桌面程序開發(fā)中很常用也很簡單的工具欄和菜單，但是在通常的web開發(fā)中，要實現(xiàn)好工具欄和菜單并非易事，然而extjs使我們能夠用類似桌面程序開發(fā)的方法來開發(fā)web的工具欄和菜單。
2010-01-01
extjs ColumnChart設置不同的顏色實現(xiàn)代碼
extjs為ColumnChart設置不同的顏色想必有很多朋友還是比較陌生的吧，接下來為大家詳細介紹下具體設置代碼，感興趣的朋友可以參考下哈
2013-05-05
extJS中常用的4種Ajax異步提交方式
這篇文章主要介紹了extJS中常用的4種Ajax異步提交方式,需要的朋友可以參考下
2014-03-03
Extjs TimeField 顯示正常時間格式的代碼
由后臺返回的json的日期時間格式中，往往都是類似 "\/Date(1309200300000)\/"的日期時間格式，結果導致無法正常在TimeField中顯示
2011-06-06
ExtJs 3.1 XmlTreeLoader Example Error
ExtJs 3.1的XmlTreeLoader例子折騰了我近一個下午加晚上，官方的例子沒有問題，可以加載xml的數(shù)據(jù)，本地IIS死活不行
2010-02-02
ExtJS Window 最小化的一種方法
ExtJS 中Window的窗口最大化只需將maximizable屬性設置為true即可，點擊最大化按鈕就可以將窗體最大化，最小化的操作類似將minimizable設置為true，即可以看到窗體的最小化按鈕，但是點擊此按鈕并不會出發(fā)任何操作，Ext沒有為窗口預設最小化的任何操作，需要自己自定義最小化功能。
2009-11-11
Extjs實現(xiàn)進度條的兩種便捷方式
后臺程序往往可能要執(zhí)行一段時間才能得到返回結果，加入進度條可以提高客戶體驗度，在本文為大家介紹兩種便捷的實現(xiàn)方式，感興趣的朋友可以了解下
2013-09-09
ExtJS Ext.MessageBox.alert()彈出對話框詳解
Ext.MessageBox是一個工具類，他繼承自Obiect對象，用來生成各種風格的信息提示對話框，Ext.Msg是該類的別名，使用Ext.MessageBox和用Ext.Msg效果是一樣的，而后者提供了更簡單的方式。
2010-04-04
ComboBox 和 DateField 在IE下消失的解決方法
開發(fā)過程中卻遇到了在 IE 瀏覽器中放大、縮小窗口大小會導致這兩個組件消失不見不報任何錯誤且在其他瀏覽器正常，通過本文你將學會如何解決此問題
2013-08-08
Ajax請求在數(shù)據(jù)量大的時候出現(xiàn)超時的解決方法
這篇文章主要介紹了Ajax請求在數(shù)據(jù)量大的時候出現(xiàn)超時的解決方法,需要的朋友可以參考下
2014-02-02