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 相关文章推荐
jquery pagination插件实现无刷新分页代码
Oct 13 Javascript
基于jquery的商品展示放大镜
Aug 07 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
Mar 01 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
Aug 05 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
Puppet的一些技巧
Sep 17 Javascript
jQuery Ajax async=>false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
vue 实现单选框设置默认选中值
Nov 07 Javascript
JavaScript接口实现方法实例分析
May 16 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
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
PHP在Web开发领域的优势
2006/10/09 PHP
解析PHP强制转换类型及远程管理插件的安全隐患
2014/06/30 PHP
smarty缓存用法分析
2014/12/16 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
Prototype中dom对象方法汇总
2008/09/17 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
Bootstrap3 图片(响应式图片&图片形状)
2017/01/04 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
详解在Python程序中解析并修改XML内容的方法
2015/11/16 Python
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
python中实现字符串翻转的方法
2018/07/11 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
python怎么判断模块安装完成
2020/06/19 Python
通过自学python能找到工作吗
2020/06/21 Python
python unichr函数知识点总结
2020/12/16 Python
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
教师职业道德事迹材料
2014/08/18 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
大学生团员个人总结
2015/02/14 职场文书
Python数据可视化之绘制柱状图和条形图
2021/05/25 Python