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 相关文章推荐
jQuery 自动增长的文本输入框实现代码
Apr 02 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 Javascript
jQuery实现高亮显示网页关键词的方法
Aug 07 Javascript
JavaScript提高网站性能优化的建议(二)
Jul 24 Javascript
浅谈Web页面向后台提交数据的方式和选择
Sep 23 Javascript
javascript编写简易计算器
May 06 Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
在vue中使用防抖函数组件操作
Jul 26 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
flash用php连接数据库的代码
2011/04/21 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
javascript SpiderMonkey中的函数序列化如何进行
2012/12/05 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
js获取form的方法
2015/05/06 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
不得不分享的JavaScript常用方法函数集(下)
2015/12/25 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
微信小程序自定义tabBar的踩坑实践记录
2020/11/06 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
python使用pygame框架实现推箱子游戏
2018/11/20 Python
Django中更改默认数据库为mysql的方法示例
2018/12/05 Python
python切片的步进、添加、连接简单操作示例
2019/07/11 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
PyTorch里面的torch.nn.Parameter()详解
2020/01/03 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
python 安装impala包步骤
2020/03/28 Python
Django获取model中的字段名和字段的verbose_name方式
2020/05/19 Python
Django静态文件加载失败解决方案
2020/08/26 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
美国最大点评网站:Yelp
2018/02/14 全球购物
应届生保险求职信
2013/11/11 职场文书
培训讲师邀请函
2014/01/10 职场文书
毕业生个人总结
2015/02/28 职场文书
试用期辞职信范文
2015/03/02 职场文书
爱的教育读书笔记
2015/06/26 职场文书
小学五年级(说明文3篇)
2019/08/13 职场文书
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL