ExtJS4如何给同一个formpanel不同的url


Posted in Javascript onMay 02, 2014

formpanel可以这样使用,api上的例子:

var panel=Ext.create('Ext.form.Panel', { 
title: 'Simple Form', 
bodyPadding: 5, 
width: 350, // 将会通过 AJAX 请求提交到此URL 
//url: 'save-form.php', 
// 表单域 Fields 将被竖直排列, 占满整个宽度 
layout: 'anchor', 
defaults: { 
anchor: '100%' 
}, 
// The fields 
defaultType: 'textfield', 
items: [{ 
fieldLabel: 'First Name', 
name: 'first', 
allowBlank: false 
},{ 
fieldLabel: 'Last Name', 
name: 'last', 
allowBlank: false 
}], 
// 重置 和 保存 按钮. 
buttons: [{ 
text: '重置', 
handler: function() { 
this.up('form').getForm().reset(); 
} 
}, { 
text: '保存', 
formBind: true, //only enabled once the form is valid 
disabled: true, 
handler: function() { 
var form = this.up('form').getForm(); 
if (form.isValid()) { 
form.submit({ 
success: function(form, action) { 
Ext.Msg.alert('保存成功', action.result.msg); 
}, 
failure: function(form, action) { 
Ext.Msg.alert('操作失败', action.result.msg); 
} 
}); 
} 
} 
}], 
renderTo: Ext.getBody() 
);

再看API,formpanel竟然没有url的配置,也没有获得api的函数。。想来应该是formpanel的父类的参数。。

后来去看了看ext.form.basic,果然有url配置项。。

在Ext中FormPanel并中并不保存表单数据,其中的数据是由BasicForm保存,在提交表单的时候需要获取当前FormPanel中的BasicForm来进行提交.

在获取BasicForm对象后便可进行表单的提交操作

因为要在项目中要用到2个组件,这2个组件唯一的差别是提交的url不一样,故我在定义组件时没有定义url这一项

然后在组件添加到不同容器时顺便把不同的url也给上,以上面那个例子为例

在需要的地方

panel.getForm().url='../LogSelectServlet';//在不同的地方可以像这样赋值不同的URL

这种方法对于组件的重用是一个不错的方法。
Javascript 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
Javascript 获取滚动条位置等信息的函数
Sep 08 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
禁止ajax缓存获取程序最新数据的方法
Nov 19 Javascript
js实现适合新闻类图片的轮播效果
Feb 05 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
May 09 Javascript
通过javascript实现扫雷游戏代码实例
Feb 09 Javascript
JavaScript组合设计模式--改进引入案例分析
May 23 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
ExtJS4 表格的嵌套 rowExpander应用
May 02 #Javascript
用json方式实现在 js 中建立一个map
May 02 #Javascript
jquery操作checkbox实现全选和取消全选
May 02 #Javascript
ExtJS4 动态生成的grid导出为excel示例
May 02 #Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
May 01 #Javascript
jquery等待效果示例
May 01 #Javascript
js实现checkbox全选和反选示例
May 01 #Javascript
You might like
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
php判断是否为json格式的方法
2014/03/04 PHP
php生成zip文件类实例
2015/04/07 PHP
PHP记录页面停留时间的方法
2016/03/30 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
javascript查询字符串参数的方法
2015/01/28 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
基于iScroll实现下拉刷新和上滑加载效果
2017/07/18 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
Vue多种方法实现表头和首列固定的示例代码
2018/02/02 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
关于vue状态过渡transition不起作用的原因解决
2019/04/09 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
2020/03/23 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
python判断字符串是否纯数字的方法
2014/11/19 Python
Django框架下在视图中使用模版的方法
2015/07/16 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
Python爬虫学习之翻译小程序
2019/07/30 Python
浅谈Django+Gunicorn+Nginx部署之路
2019/09/11 Python
Python 实现平台类游戏添加跳跃功能
2020/03/27 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
Python Scrapy图片爬取原理及代码实例
2020/06/12 Python
Python结合Window计划任务监测邮件的示例代码
2020/08/05 Python
pycharm 添加解释器的方法步骤
2020/08/31 Python
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
消防安全宣传口号
2014/06/10 职场文书
环保志愿者活动总结
2014/06/27 职场文书
实习生工作证明范本
2014/09/14 职场文书
开学典礼校长致辞
2015/07/29 职场文书
高中班长竞选稿
2015/11/20 职场文书