ExtJS学习笔记3：加载、提交和验证表单

浏览数：22 / 时间：2015年06月09日

加载数据

1.比较好用的设置form数据的方法：

formPanel.getForm().setValues([{id: 'FirstName', value: 'Joe'}]);

其中id值为form中field的name属性值，value为要赋的值

2.通过对象赋值：

Ext.define('Request', {
extend: 'Ext.data.Model',
fields: [
'FirstName',
'LastName',
'EmailAddress',
'TelNumberCode',
'TelNumber',
'RequestDetails',
'RequestType'
]
});
var requestModel = Ext.create('Request', requestData);
formPanel.getForm().loadRecord(requestModel);

3.也可以通过load方法，从服务器加载数据：

formPanel.getForm().load({
url: 'requestDetails.json'
});

提交表单

最简单的办法就是调用submit，提交到指定url

var submitForm = function(){
formPanel.getForm().submit({
url: 'submit.url'
});
};
var formPanel = Ext.create('Ext.form.Panel', {
...
buttons: [{
text: 'Submit Form',
handler: submitForm
}],
items: [
...
]
});

也可以从form获取对象，调用ajax post方式提交：

var record = formPanel.getForm().getRecord();

验证表单

通过vtype验证：

{
xtype: 'textfield',
fieldLabel: 'Email Address',
name: 'EmailAddress',
labelAlign: 'top',
cls: 'field-margin',
columnWidth: 0.6,
<strong>vtype: 'email'</strong>
}

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

ExtJS学习笔记3：加载、提交和验证表单