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 相关文章推荐
将数字转换成大写的人民币表达式的js函数
Sep 21 Javascript
使用jquery制作弹出框效果
Apr 03 Javascript
非常实用的js验证框架实现源码 附原理方法
Jun 08 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
vue项目中用cdn优化的方法
Jan 03 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
基于ssm框架实现layui分页效果
Jul 27 Javascript
p5.js临摹动态图形的方法
Oct 23 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 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使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
PHP Opcache安装和配置方法介绍
2015/05/28 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
ThinkPHP实现图片上传操作的方法详解
2017/05/08 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
ExtJS的FieldSet的column列布局
2009/11/20 Javascript
Jquery在指定DIV加载HTML示例代码
2014/02/17 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
JS实现的自定义水平滚动字体插件完整实例
2016/06/17 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
ES11屡试不爽的新特性,你用上了几个
2020/10/21 Javascript
python中的多重继承实例讲解
2014/09/28 Python
推荐11个实用Python库
2015/01/23 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
pytorch模型预测结果与ndarray互转方式
2020/01/15 Python
tensorflow多维张量计算实例
2020/02/11 Python
Python语言编写智力问答小游戏功能
2020/10/13 Python
HTML5如何实现元素拖拽
2016/03/11 HTML / CSS
HTML5 canvas绘制的玫瑰花效果
2014/05/29 HTML / CSS
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
经典c++面试题二
2015/08/14 面试题
高中生毕业自我鉴定
2013/10/10 职场文书
毕业生自荐书
2013/12/18 职场文书
写自荐信要注意什么
2013/12/26 职场文书
学生会部长竞聘书
2014/03/31 职场文书
合作意向协议书
2015/01/29 职场文书
导游词之无锡梅园
2019/11/28 职场文书