|
|
復(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:"右邊面板"}
]
});
});
執(zhí)行上面的代碼將會(huì)在頁面中輸出包含上下左右中五個(gè)區(qū)域的面板，如下圖所示：
JavaScript技術(shù)：ExtJS 2.0實(shí)用簡明教程 之Border區(qū)域布局，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
