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 相关文章推荐
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
JavaScript中的prototype原型学习指南
May 09 Javascript
JQuery点击行tr实现checkBox选中的简单实例
May 26 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
js实现省份下拉菜单效果
Feb 15 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
Feb 27 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
Vue 中 a标签上href无法跳转的解决方式
Nov 12 Javascript
使用Vue生成动态表单
Nov 26 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 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
PHP中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
聊聊 PHP 8 新特性 Attributes
2020/08/19 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
RequireJS使用注意细节
2016/05/15 Javascript
jquery做个日期选择适用于手机端示例
2017/01/10 Javascript
浅析JS中常用类型转换及运算符表达式
2017/07/23 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
JavaScript实现的联动菜单特效示例
2019/07/08 Javascript
python解析json实例方法
2013/11/19 Python
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
python 按不同维度求和,最值,均值的实例
2018/06/28 Python
python机器人运动范围问题的解答
2019/04/29 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
如何基于python操作json文件获取内容
2019/12/24 Python
ProBikeKit英国:在线公路自行车之家
2017/02/10 全球购物
物流经理自我评价
2013/09/23 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
见习期自我鉴定范文
2014/03/19 职场文书
经典安踏广告词
2014/03/21 职场文书
关工委先进个人事迹材料
2014/05/23 职场文书
大学课外活动总结
2014/07/09 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
法人代表身份证明书及授权委托书
2014/09/16 职场文书
2015年度内部审计工作总结
2015/05/20 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
MySQL系列之二 多实例配置
2021/07/02 MySQL
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL
Go 通过结构struct实现接口interface的问题
2021/10/05 Golang