extjsisformfield的簡單介紹

本文目錄一覽：

• 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 的寬度會自動換行。

有問題追問。