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 相关文章推荐
为javascript添加String.Format方法
Aug 11 Javascript
jquery中:input和input的区别分析
Jul 13 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
Dec 16 Javascript
JavaScript获取文本框内选中文本的方法
Feb 20 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
Oct 31 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
纯JS实现简单的日历
Jun 26 Javascript
详解mpvue小程序中怎么引入iconfont字体图标
Oct 01 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
小程序如何获取多个formId实现详解
Sep 20 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
微信小程序网络请求实现过程解析
Nov 06 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
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
php生成QRcode实例
2014/09/22 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
javascript 对象的定义方法
2007/01/10 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
js创建对象的几种常用方式小结(推荐)
2010/10/24 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
javascript实现状态栏中文字动态显示的方法
2015/10/20 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
jQuery实现简单弹窗遮罩效果
2017/02/27 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
详解Vue中组件传值的多重实现方式
2019/08/16 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
python创建列表并给列表赋初始值的方法
2015/07/28 Python
python用户管理系统
2018/03/13 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
Python中无限循环需要什么条件
2020/05/27 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
乌克兰设计师和品牌的服装:Love&Live
2020/04/14 全球购物
申报职称专业技术个人的自我评价
2013/12/12 职场文书
银行奉献演讲稿
2014/09/16 职场文书
交通事故和解协议书
2015/01/27 职场文书