首页 > 代码库 > ExtJS学习笔记3:载入、提交和验证表单
ExtJS学习笔记3:载入、提交和验证表单
载入数据
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方法,从server载入数据:
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: [ ... ] });
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:载入、提交和验证表单
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。