var panel = new Ext.panel.Panel({layout : 'border',
border : false,
items : [
{
layout : 'fit',
border : false,
region : 'north',
height : 38,
bodyStyle : 'border-bottom: 1px solid #8db2e3;border-right: 1px solid #8db2e3;',
buttonAlign : 'center',
items : [ {
layout : 'form',
border : false,
bodyStyle : 'background-color:#d3e1f1;',
labelAlign : "center",
items : [ new Ext.form.Form()]
} ]
}, {
itemId : 'southPanel', //在组件中设置 itemId
region : 'south',
header : false,
split : true,
collapsible : true,
collapseMode : 'mini',
frame : false,
border : false,
height : 250
} ]
});
panel.query(‘#southPanel’)[0] //这是获取的当前组件。有点像 jquery。用着挺方便

本文介绍使用ExtJS进行面板布局的方法,包括北部区域的表单布局和南部区域的自定义面板配置。通过示例代码展示了如何设置不同区域的样式、高度及组件的可折叠特性等。
653

被折叠的 条评论
为什么被折叠?



