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 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
js中this的用法实例分析
Jan 10 Javascript
浅谈angularJS中的事件
Jul 12 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
socket.io实现在线群聊功能
Apr 07 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
vue轮播图插件vue-awesome-swiper
Nov 27 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 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获取目标函数执行时间示例
2014/03/04 PHP
分享php分页的功能模块
2015/06/16 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
2014/06/16 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
基于vue2.0实现的级联选择器
2017/06/09 Javascript
详解vue.js的事件处理器v-on:click
2017/06/27 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
2018/08/20 Javascript
对angular4子路由&辅助路由详解
2018/10/09 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
Python文件读取的3种方法及路径转义
2015/06/21 Python
python函数局部变量用法实例分析
2015/08/04 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
养生餐厅创业计划书范文
2014/03/26 职场文书
项目合作意向书范本
2014/04/01 职场文书
《特殊的葬礼》教学反思
2014/04/27 职场文书
禁止酒驾标语
2014/06/25 职场文书
机械操作工岗位职责
2014/08/08 职场文书
党员三严三实对照检查材料
2014/10/13 职场文书
校园安全主题班会
2015/08/12 职场文书
读后感怎么写?书写读后感的基本技巧!
2019/12/10 职场文书
MySQL 8.0 驱动与阿里druid版本兼容问题解决
2021/07/01 MySQL
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS