ext-form多行多列

var form = new Ext.form.FormPanel({
frame : true,
height : 550,
labelAlign : 'left',
labelWidth : 110,
defaultType : 'textfield',
defaults : {
width : 110
allowBlank : false
},
items : {
layout : 'column',//定义为列模式
height : 100,
items : [{
columnWidth : .33, //显示为第一列的宽度33%
layout : 'form',
items : [{
xtype : 'textfield',//显示为输入框
fieldLabel : '姓名,//标签名称
labelStyle:'color:red',//标题的样式
minLength : 6,
minLengthText : "长度不能小于6个字符",
maxLength : 20,
maxLengthText : "长度超过了20个字符",
name : 'first',//
style:'color:white',//编辑框的样式
allowBlank:false,//不允许为空
blankText:'密码不能为空'//不允许为空给的提示
regex : /[\u4e00-\u9fa5]/, //正则表达式在/...../之间.
regexText:"只能输入中文!",//正则表达式错误提示
anchor : '90%'
}, {
xtype : 'textfield',
fieldLabel : '生份证号,
name : 'company',
anchor : '90%'
}, {
xtype : 'textfield',
fieldLabel : '有效期截止日期',
name : 'company',
anchor : '90%'
}]
}, {
columnWidth : .33,
layout : 'form',
items : [{
xtype : 'textfield',
fieldLabel : '入库合格证号',
name : 'last',
anchor : '95%'
}, {
xtype : 'textfield',
fieldLabel : '入库合格证号',
name : 'email',
vtype : 'email',
anchor : '95%'
}, {
xtype : 'textfield',
fieldLabel : '航天标示码',
name : 'A',
anchor : '95%'
}]
}, {
columnWidth : .33,
layout : 'form',
items : [{
xtype : 'textfield',
fieldLabel : '入库合格证号',
name : 'last',
anchor : '95%'
}, {
xtype : 'textfield',
fieldLabel : '入库合格证号',
name : 'email',
vtype : 'email',
anchor : '95%'
}, {
xtype : 'textfield',
fieldLabel : '复验合格证工程型号',
name : 's',
anchor : '95%'
}]
}]
},
buttons : [{
text : '执行过滤条件',
handler : function() {
if (!form.getForm().isValid()) {
return;
};
store.baseParams = {
xmlFile : getQueryStringValue('xmlFile'),
condictions : getCondictionValues()
};
store.reload();
form.getForm().reset();
}
}, {
text : '重置',
handler : function() {
form.getForm().reset();
}
}]
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值