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继承的实现
Oct 24 Javascript
Javascript基础 函数“重载” 详细介绍
Oct 25 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
jQuery Easyui 验证两次密码输入是否相等
May 13 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
Jan 22 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
基于iview的router常用控制方式
May 30 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
vue-quill-editor的使用及个性化定制操作
Aug 04 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 各种排序算法实现代码
2009/08/20 PHP
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
php 使用post,get的一种简洁方式
2010/04/25 PHP
PHP基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
2013/05/07 Javascript
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
JavaScript事件 "事件对象"的注意要点
2016/01/14 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
解析JavaScript中的字符串类型与字符编码支持
2016/06/24 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
vuex 解决报错this.$store.commit is not a function的方法
2018/12/17 Javascript
使用nodeJS中的fs模块对文件及目录进行读写,删除,追加,等操作详解
2020/02/06 NodeJs
vuex的使用和简易实现
2021/01/07 Vue.js
Python系统监控模块psutil功能与经典用法分析
2018/05/24 Python
pandas 将索引值相加的方法
2018/11/15 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
详解Python的三种可变参数
2019/05/08 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
三年级小学生评语
2014/04/22 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
班子四风对照检查材料
2014/08/21 职场文书
JavaScript ES6的函数拓展
2022/01/18 Javascript
使用python创建股票的时间序列可视化分析
2022/03/03 Python
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers