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 json 新手入门文档
Dec 03 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
jquery调用asp.net 页面后台的实现代码
Apr 27 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
Oct 13 Javascript
js向上无缝滚动,网站公告效果 具体代码
Nov 18 Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
JavaScript函数柯里化原理与用法分析
Mar 31 Javascript
javascript实现文字无缝滚动效果
Aug 26 Javascript
angular ng-model 无法获取值的处理方法
Oct 02 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/01/27 PHP
PHP中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
彻底删除thinkphp3.1案例blog标签的方法
2014/12/05 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
ppk谈JavaScript style属性
2008/10/10 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
javascript实现拖放效果
2015/12/16 Javascript
值得学习的bootstrap fileinput文件上传工具
2016/11/08 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
微信小程序国际化探索实现(附源码地址)
2020/05/20 Javascript
用实例分析Python中method的参数传递过程
2015/04/02 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
python装饰器的特性原理详解
2019/12/25 Python
python中的逆序遍历实例
2019/12/25 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
HTML5标签使用方法详解
2015/11/27 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
大学生年度自我鉴定
2013/10/31 职场文书
售后服务科岗位职责范文
2013/11/13 职场文书
外语专业毕业生个人的自荐信
2013/11/19 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
pytorch常用数据类型所占字节数对照表一览
2021/05/17 Python
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL
js 数组 fill() 填充方法
2021/11/02 Javascript
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers