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 API来处理不同的浏览器事件
Dec 09 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
May 05 Javascript
jQuery大于号(>)选择器的作用解释
Jan 13 Javascript
JavaScript实现控制打开文件另存为对话框的方法
Apr 17 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
jquery获取元素到屏幕四周可视距离的方法
Sep 05 jQuery
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 禁止页面缓存输出
2009/01/07 PHP
php学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
PHP CURL 内存泄露问题解决方法
2015/02/12 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
phpinfo的知识点总结
2019/10/10 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
JavaScript通过正则表达式实现表单验证电话号码
2014/03/07 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
AngularJS 的$timeout服务示例代码
2017/09/21 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
JS实现轮播图效果
2020/01/11 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python实现把xml或xsl转换为html格式
2015/04/08 Python
Python numpy 常用函数总结
2017/12/07 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
通用求职信范文模板分享
2013/12/27 职场文书
机电一体化应届生求职信范文
2014/01/24 职场文书
初中班主任评语
2014/04/24 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
就业推荐表导师评语
2014/12/31 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python