Question

ExtJS中怎样获取Form表单中的每一项的值

Answer 1

1、创建一个名称为  textarea_form  的html文件 。

2、添加一个 textarea文本区域对象 设置id为 my_textarea_id_form,添加一个form表单并设置id。

3、添加一个button按钮，在button的click点击事件中加入自定义函数名称为，添加一个p标签my_textarea_form。

4、在javascript中创建一个自定义函数，函数名称为   my_textarea_form。

5、在自定义函数中数通过文本区域id（my_textarea_id_form）获取  textarea文本区域对象。用 form 属性获取 文本区域所在的表单对象，在用form表单对象id属性获取表单id将获取。

6、在浏览器中打开文件 textarea_form，点击button查看获取form表单id效果。

Answer 2

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());
});