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 DOM学习第六章 表单实例
Feb 19 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
Sep 01 Javascript
js+html5实现canvas绘制镂空字体文本的方法
Jun 05 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
webpack 1.x升级过程中的踩坑总结大全
Aug 09 Javascript
对于Javascript 执行上下文的全面了解
Sep 05 Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
JS+CSS实现3D切割轮播图
Mar 21 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绘图之生成饼状图的方法
2015/01/24 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
2010/04/15 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
jQuery使用Layer弹出层插件闪退问题
2016/12/22 Javascript
JavaScript用JSONP跨域请求数据实例详解
2017/01/06 Javascript
vue.js中指令Directives详解
2017/03/20 Javascript
jQuery 中msgTips 顶部弹窗效果实现代码
2017/08/14 jQuery
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
记一次pyinstaller打包pygame项目为exe的过程(带图片)
2020/03/02 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
python批量生成身份证号到Excel的两种方法实例
2021/01/14 Python
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
2014年镇党建工作汇报材料
2014/11/02 职场文书
2015教师节通讯稿
2015/07/20 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
详解前端任务构建利器Gulp.js使用指南
2021/04/30 Javascript
Python学习开发之图形用户界面详解
2021/08/23 Python
Python+tkinter实现高清图片保存
2022/03/13 Python
vue中div禁止点击事件的实现
2022/04/02 Vue.js
Zabbix6通过ODBC方式监控Oracle 19C的详细过程
2022/09/23 Servers