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 相关文章推荐
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
Angular2 自定义validators的实现方法
Jul 05 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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递归函数返回值使用方法
2013/02/18 PHP
destoon公司主页模板风格的添加方法
2014/06/20 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
javascript 尚未实现错误解决办法
2008/11/27 Javascript
编写兼容IE和FireFox的脚本
2009/05/18 Javascript
js 表格隔行颜色
2009/12/02 Javascript
使用RequireJS优化JavaScript引用代码的方法
2015/07/01 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
js实现搜索栏效果
2018/11/16 Javascript
Vue使用zTree插件封装树组件操作示例
2019/04/25 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
Python中的模块和包概念介绍
2015/04/13 Python
python实现爬虫统计学校BBS男女比例之数据处理(三)
2015/12/31 Python
python 获得任意路径下的文件及其根目录的方法
2019/02/16 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
python 代码运行时间获取方式详解
2020/09/18 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
WEB控件可以激发服务端事件,请谈谈服务端事件是怎么发生并解释其原理?自动传回是什么?为什么要使用自动传回?
2012/02/21 面试题
竞聘书格式及范文
2014/03/31 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
教师职位说明书
2014/07/29 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
毕业生自荐信范文
2015/03/05 职场文书
2015年银行个人工作总结
2015/05/14 职场文书
房贷工资证明范本
2015/06/12 职场文书
农村婚庆主持词
2015/06/29 职场文书
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
win10搭建配置ftp服务器的方法
2022/08/05 Servers