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: [
...
]
});
也能够从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:载入、提交和验证表单相关推荐
- Web后端学习笔记 Flask(8) WTForms 表单验证,文件上传
Flask-WTF是简化了WTForms操作的一个第三方库.WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板.同时还包含一些其他的功能.例如CSRF保护,文件上传等功能,安装fl ...
- Struts2学习笔记(十八) 防止表单重复提交
概述 有些时候,我们在想某个网页提交了信息之后,由于某些原因,我们会重复点击提交,或者刷新页面,或者是在提交页面呈现之后点击后退按钮,从而导致这些表单数据被重复提交.在大多数情况下我们是不希望这种情况 ...
- 2017-2-15从0开始前端学习笔记(HTML)-图片-表格-表单
2017-2-15从0开始前端学习笔记-图片-表格-表单 标签 图片 图片<img src="#" alt="文本说明 不能加载图片时显示" title= ...
- ThinkPhp学习笔记——创建数据数据库中的表单
http://localhost/phpMyAdmin/ 用户名: root 密码: root//==========创建数据库==========↓进入页面主页后点击"数据库" ...
- 深度学习笔记(45) 人脸验证与二分类
深度学习笔记(45) 人脸验证与二分类 1. 二分类问题 2. 逻辑回归单元的处理 3. 计算技巧 1. 二分类问题 深度学习笔记(44) Triplet 损失 的Triplet loss是一个学习人 ...
- jQuery框架学习第十一天:实战jQuery表单验证及jQuery自动完成提示插件
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQ ...
- Windows保护模式学习笔记(八)—— 页目录表基址/页表基址
Windows保护模式学习笔记(八)-- 页目录表基址/页表基址 要点回顾 一.页目录表基址 实验:拆分线性地址C0300000,并查看其对应的物理页 第一步:打开一个进程,获得它的Cr3 第二步:查 ...
- Vant-UI 表单组件(Field组件):验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...
- 【EF学习笔记07】----------加载关联表的数据 贪婪加载
[EF学习笔记07]----------加载关联表的数据 贪婪加载 讲解之前,先来看一下我们的数据库结构:班级表 学生表 贪婪加载 //贪婪加载 using (var db = new Entitie ...
最新文章
- python error_python error整理
- 【译】TCP Implementation in Linux
- java中static作用详解
- Android studio | From Zero To One ——XML文件中的单行注释与多行注释
- 【测评】用这款神器2小时就撸完了1天工作量的代码!爽
- 解决 ASP.NET Core 部署到 IIS,更新项目时文件夹正在使用错误
- 如何进行手机web远程调试——chrome beta
- matlab在机器视觉的应用实例,十个基于机器视觉的实用案例介绍
- 408考研经验分享(待更
- 解决 error: Raw kernel process exited code: 3221226505
- Chainlink的77种用法
- namecheap 添加二级域名
- 电脑突然蓝屏要怎么办?电脑为啥会蓝屏?
- 顶尖文案app_为了让你多读点书,这个APP请来了这些世界顶级“文案”
- 人工智能、深度学习、机器学习常见面试题71~82
- 【程序员如何买股票 三】 掌握股票交易常见术语
- Spring Boot 探索之旅(二)—— Hello World
- 周鸿祎:没钱也能创业 怎样写商业计划书
- 判断两个时间戳相隔多少天
- iPhone iPad 开发电子书打包下载