EasyUI Layout 布局
通過 $.fn.layout.defaults 重寫默認的 defaults。
布局(layout)是有五個區(qū)域(北區(qū) north、南區(qū) south默蚌、東區(qū) east洪碳、西區(qū) west 和中區(qū) center)的容器。中間的區(qū)域面板是必需的羡滑,邊緣區(qū)域面板是可選的拓挥。每個邊緣區(qū)域面板可通過拖拽邊框調整尺寸唠梨,也可以通過點擊折疊觸發(fā)器來折疊面板。布局(layout)可以嵌套侥啤,因此用戶可建立復雜的布局当叭。
依賴
panel
resizable
用法
創(chuàng)建布局(Layout)
1茬故、通過標記創(chuàng)建布局(Layout)。
添加 'easyui-layout' class 到
標記科展。
2均牢、在整個頁面上創(chuàng)建布局(Layout)糠雨。
3才睹、創(chuàng)建嵌套布局。
請注意甘邀,內(nèi)部布局的西區(qū)面板是折疊的琅攘。
4、通過 ajax 加載內(nèi)容松邪。
布局(layout)是基于面板(panel)創(chuàng)建的坞琴。各區(qū)域面板提供從 URL 動態(tài)加載內(nèi)容的內(nèi)建支持。使用動態(tài)加載技術逗抑,用戶可以讓他們的布局頁面更快地顯示剧辐。
折疊布局面板(Collpase Layout Panel)
$('#cc').layout();
// collapse the west panel
$('#cc').layout('collapse','west');
通過工具按鈕添加西區(qū)面板
$('#cc').layout('add',{
region:'west',
width:180,
title:'West Title',
split:true,
tools:[{
iconCls:'icon-add',
handler:function(){alert('add')}
},{
iconCls:'icon-remove',
handler:function(){alert('remove')}
}]
});
布局選項(Layout Options)
名稱類型描述默認值
fitboolean當設置為 true 時,就設置布局(layout)的尺寸適應它的父容器邮府。當在 'body' 標簽上創(chuàng)建布局(layout)時荧关,它將自動最大化到整個頁面的全部尺寸。false
區(qū)域面板選項(Region Panel Options)
區(qū)域面板選項(Region Panel Options)是定義在面板(panel)組件中褂傀,下面是一些共同的和新增的屬性:
名稱類型描述默認值
titlestring布局面板(layout panel)的標題文本忍啤。null
regionstring定義布局面板(layout panel)的位置,其值是下列之一:north仙辟、south同波、east、west叠国、center未檩。
borderboolean當設置為 true 時,就顯示布局面板(layout panel)的邊框粟焊。true
splitboolean當設置為 true 時冤狡,就顯示拆分欄,用戶可以用它改變面板(panel)的尺寸吆玖。false
iconClsstring在面板(panel)頭部顯示一個圖標的 CSS class筒溃。null
hrefstring從遠程站點加載數(shù)據(jù)的 URL 。null
collapsibleboolean定義是否顯示可折疊按鈕沾乘。true
minWidthnumber面板(panel)最小寬度怜奖。10
minHeightnumber面板(panel)最小高度。10
maxWidthnumber面板(panel)最大寬度翅阵。10000
maxHeightnumber面板(panel)最大高度歪玲。10000
方法
名稱
參數(shù)描述
resizenone設置布局(layout)的尺寸迁央。
panelregion返回指定的面板(panel),'region' 參數(shù)可能的值是:'north'滥崩、'south'岖圈、'east'、'west'钙皮、'center'蜂科。
collapseregion折疊指定的面板(panel),'region' 參數(shù)可能的值是:'north'短条、'south'导匣、'east'、'west'茸时。
expandregion展開指定的面板(panel)贡定,'region' 參數(shù)可能的值是:'north'、'south'可都、'east'缓待、'west'。
addoptions添加一個指定的面板(panel)渠牲,options 參數(shù)一個配置對象旋炒,更多細節(jié)請參閱標簽頁面板(tab panel)屬性。
removeregion移除指定的面板(panel)嘱兼,'region' 參數(shù)可能的值:'north'国葬、'south'、'east'芹壕、'west'汇四。