我现在使用的是通用的左右布局,左边是导航树,右边是tabpanel,但是我想在左边导航树中的accordion布局里面放一个表单,请告诉我怎么弄。弄了一个晚上了。头都大了
多看看官网的示例,你就不用走这么多弯路了.官网布局的示例很多了.官网的示例和api就是最好的学习资料.书页不用买了:)
[url]http://www.extjs.com/deploy/dev/examples/direct/direct-form.php[/url]
帮你找到了一个示例,差不多是你要的那种效果
表单定义部分:
[code="java"]var formPanel =new Ext.form.FormPanel({
border:false,
labelAlign:'right',
labelWidth:55,
defaultType:'textfield',
bodyStyle : 'padding-top:10px',
defaults:{allowBlank:false,width:158},
height:150,
labelPad :0,
frame : true,
items:[{
blankText:'no empty',
emptyText:'username',
cls:'username',
fieldLabel:'帐号',
bodyStyle : 'padding-top:6px'
},{
blankText:'no empty',
emptyText:'password',
cls:'password',
fieldLabel:'密码'
//bodyStyle:'padding-top:6px'
}
,{
id:'validateCode',
blankText:'no empty',
emptyText:'validate',
cls:'validate',
fieldLabel:'验证码'
//bodyStyle:'padding-top:6px'
}
]
});[/code]
//左边accordion布局
[code="java"] {
region:'west',
id:'west-panel',
split:true,
width: 200,
minSize: 175,
maxSize: 400,
margins:'0 0 0 0',
layout:'accordion',
title:'系统菜单',
collapsible :true,
layoutConfig:{
animate:true
},
items: [ formPanel,{...},{...}]
}[/code]