本文目录一览：
- 1、Extjs 4.2.1 Form提交表单问题
- 2、extjs form表单提交? 在提交之前进行表单验证？
- 3、请问，如果获取extjs里Ext.form.FieldSet区域内的所有文本框
- 4、ExtJS中怎样获取Form表单中的每一项的值
- 5、extjs中Ext.form.FieldSet布局问题
Extjs 4.2.1 Form提交表单问题
外面调用的话，试下mForm.getForm().submit();
其实你完全可以把buttons这一段加到mForm中，window里没不用了
extjs form表单提交? 在提交之前进行表单验证？
可以利用vtype进行表单验证，例如
{
fieldLabel : ‘电子邮件’ ,
name : ’email’,
vtype : ’email’
}
extjs内置了一些常见的vtype，你也可以根据需要自己写vtype
请问，如果获取extjs里Ext.form.FieldSet区域内的所有文本框
假设“本岗位意见”组件变量名是fieldSetME的话，执行：
fieldSetME.items.each(function(fsItem){alert(fsItem.getFieldLabel()+”:”+ fsItem.getValue());});
只要将他们全存到数组或者JSON对象里就可以了。
ExtJS中怎样获取Form表单中的每一项的值
ExtJS中有事需要获得Form表单的值，根据API可知 getValues() 可以获得单签Form表单中所有 Name 值的一个对象。
片段代码如下：
var formValues=formpanel.getForm().getValues(); //获取表单中的所有Name键/值对对象
alert(formValues[“firstname”]); //输出表单中 firstname 字段的值
console.log(formValues); //输出结果是表单中的所有Name键/值对的一个对象
整体代码如下：
/**
* Created with JetBrains PhpStorm.
* User: std
* Date: 13-6-9
* Time: 上午10:55
* To change this template use File | Settings | File Templates.
*/
Ext.onReady(function(){
//
var formpanel=Ext.create(“Ext.form.Panel”,{
title:”Dynamic Form”,
draggable:true,
frame:true,
width:330,
height:255,
//autoHeight:true,
bodyPadding:”7 5 7 5″,
items:[{
xtype:”fieldset”,
frame:true,
title:”Contact Information”,
//defaultType: ‘textfield’,
defaults:{xtype:”textfield”,labelWidth:80,labelAlign:”right”,width:280},
items:[{
fieldLabel:”First Name”,emptyText:”First Name”,name:”firstname”
},{
fieldLabel:”Last Name”,emptyText:”Last Name”,name:”lastname”
},{
fieldLabel:”Company”,emptyText:”Company”,name:”company”
},{
fieldLabel:”Email”,emptyText:”Email”,name:”email”
},{
fieldLabel:”State”,xtype:”combobox”,emptyText:”请选择”,name:”state”
},{
fieldLabel:”Date of Birth”,xtype:”datefield”,emptyText:”请选择日期”,name:”dateofbirth”
}]
}],
buttons:[
{text:”确定”,handler:function(){
var formValues=formpanel.getForm().getValues();
alert(formValues[“firstname”]);
console.log(formValues);
}},
{text:”取消”}
]
});
formpanel.render(Ext.getBody());
});
extjs中Ext.form.FieldSet布局问题
layout : ‘hbox’,
items : [combo1, combo2, combo3]
写成如上，再就是你的ComboBox 宽度设置一下，要不超过 FieldSet 的宽度会自动换行。
有问题追问。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/158548.html
微信扫一扫 
支付宝扫一扫 