載入數(shù)據(jù)

1.比較好用的設(shè)置form數(shù)據(jù)的方法：

formPanel.getForm().setValues([{id: 'FirstName', value: 'Joe'}]);
當(dāng)中id值為form中field的name屬性值。value為要賦的值

2.通過對(duì)象賦值：

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方法，從server載入數(shù)據(jù)：

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

提交表單

最簡(jiǎn)單的辦法就是調(diào)用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獲取對(duì)象。調(diào)用ajax post方式提交：

var record = formPanel.getForm().getRecord();
驗(yàn)證表單

通過vtype驗(yàn)證：

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

總結(jié)

以上是生活随笔為你收集整理的ExtJS学习笔记3：载入、提交和验证表单的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。