项目中用到radio,横向排了2个一切正常,排了4个就完全混乱,baidu了一下,用 layout:'column', layout: 'form', 混合用来解决
//各个输入项
var panelItem= [
{
columnWidth:1,
layout: 'form',
items:[{
xtype:'hidden',
fieldLabel: '编号',
id:'id',
name: 'Obj.id',
readOnly:true,
hidden:false,
width: 100,
maxLength:10,
minLength:1,
allowBlank: false
}]
},
{
columnWidth:1,
layout: 'form',
items:[{
xtype:'hidden',
fieldLabel: '父节点id',
id:'pId',
msgTarget:'under',
name: 'Obj.base.id',//避免冲突
height:22,
width:180,
readOnly:true,
maxLength:20,
allowBlank: true }
]
},
{
layout:'column',
items:[
{
columnWidth:.5,
layout: 'form',
items:[{
xtype:'textfield',
fieldLabel: '父节点',
id:'parentName',
hidden:false,
readOnly:true,
name: 'parentName', //此项只为显示
height:22,
width:180,
minLength:1
}]
},
{
columnWidth:.5,
layout: 'form',
items:[{xtype:'textfield',
fieldLabel: '名 称',
id:'name',
msgTarget:'under',
name: 'Obj.name',
height:22,
width:180,
maxLength:20,
allowBlank: false }]
},
{
columnWidth:.5,
layout:'column',
items:[
{
columnWidth:.5,
layout: 'form',
items: [new Ext.form.Radio({style:'margin-top:5px',
fieldLabel: '长 度',
id:'length1',
boxLabel:'有',
name: 'Obj.length',
inputValue:1,
checked:false})]
},
{
columnWidth:.5,
items: [new Ext.form.Radio({style:'margin-top:5px',
id:'length2',
boxLabel:'无',
name: 'Obj.length',
inputValue:0,
checked:true})]
}
]
},
{
columnWidth:.5,
layout:'column',
items:[
{
columnWidth:.5,
layout: 'form',
items: [new Ext.form.Radio({style:'margin-top:5px',
fieldLabel: '宽 度',
id:'width1',
boxLabel:'有',
name: 'Obj.width',
inputValue:1,
checked:false})]
},
{columnWidth:.5,
items: [new Ext.form.Radio({style:'margin-top:5px',
id:'width2',
boxLabel:'无',
name: 'Obj.width',
inputValue:0,
checked:true})]
}
]
},
{
columnWidth:.5,
layout:'column',
items:[
{
columnWidth:.5,
layout: 'form',
items: [new Ext.form.Radio({style:'margin-top:5px',
fieldLabel: '高 度',
id:'height1',
boxLabel:'有',
name: 'Obj.height',
inputValue:1,
checked:false})]
},
{
columnWidth:.5,
items: [new Ext.form.Radio({style:'margin-top:5px',
id:'height2',
boxLabel:'无',
name: 'Obj.height',
inputValue:0,
checked:true})]
}
]
},
{
columnWidth:.5,
layout:'column',
items:[
{
columnWidth:.5,
layout: 'form',
items: [new Ext.form.Radio({style:'margin-top:5px',
fieldLabel: '体 积',
id:'volume1',
boxLabel:'有',
name: 'Obj.volume',
inputValue:1,
checked:false})]
},
{
columnWidth:.5,
items: [new Ext.form.Radio({style:'margin-top:5px',
id:'volume2',
boxLabel:'无',
name: 'Obj.volume',
inputValue:0,
checked:true})]
}
]
},
{
columnWidth:.5,
layout: 'form',
items:[{xtype:'textfield',
fieldLabel: '备 注',
id:'descn',
msgTarget:'under',
name: 'Obj.descn',
height:22,
width:180,
maxLength:20,
allowBlank: true }]
}
]
}
];
//form
var panel = new Ext.FormPanel({
applyTo: 'Content-render-panel-div',
frame:true,
url:'saveOrUpdateBase.action',
//reader:thospital,
autoHeight:true,
autoWidth:true,
autoScroll:true,
items:panelItem ,
buttons: [{
text: '保存',
id:'hsubmit',
handler:save
}]
- 大小: 9.3 KB
分享到:
相关推荐
ext3横向菜单
Ext3.X横向菜单导航栏,已有json横向菜单数据,只要引入基本extjs、 css就可以使用,内有效果图。
在Ext的grid里实现带radio单选功能的gridlist
ext 多个tab页多行显示 ext 多个tab页多行显示 ext 多个tab页多行显示
Ext多文件上传
竖向标签TabPanel-------------------------------------------------
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...
完全可运行的Ext多文件上传,带上传速率、进度条等
asdext extext extext extext extext extext extext extext extext extext extext extext extext extext ext
ext4.0 多文件上传
ext资料 ext资料 ext资料 ext资料 ext资料
ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ext使用ex
ext3.0ext3.0ext3.0ext3.0ext3.0ext3.0
helloworld/可编辑的Grid/field/submit/MessageBox/removeRow/tablePanel/tree等十几个Demo 直接运行
ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...
Ext是一个Ajax框架,可以用来开发带有华丽外观的胖客户端应用,使得我们的b/s应用更加具有活力及生命力,提高用户体验。
Ext3.3.1Ext3.3.1Ext3.3.1Ext3.3.1Ext3.3.1Ext3.3.1
ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试ext测试
分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT分页EXT
本篇是关于Ext.Ajax + Ext.FormPanel + MySQL数据库的完整登录案例,一个是html的form表单,一个是Ext的FormPanel表单,在提交或结合Ext.Ajax多少还是有区别的.