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 Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
JQuery在光标位置插入内容的实现代码
Jun 18 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
Nov 10 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
bootstrap中使用google prettify让代码高亮的方法
Oct 21 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
Apr 03 Javascript
Element el-button 按钮组件的使用详解
Feb 01 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
Protoss建筑一览
2020/03/14 星际争霸
PHP使用strtotime获取上个月、下个月、本月的日期
2015/12/30 PHP
CI(Codeigniter)的Setting增强配置类实例
2016/01/06 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
使用Laravel中的查询构造器实现增删改查功能
2019/09/03 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
Javascript 按位与运算符 (&)使用介绍
2014/02/04 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
JavaScript中原型和原型链详解
2015/02/11 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
微信小程序 自定义消息提示框
2017/08/06 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
2018/11/15 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
如何在微信小程序中实现Mixins方案
2019/06/20 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
[03:01]DOTA2英雄基础教程 露娜
2014/01/07 DOTA
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
关于Tensorflow中的tf.train.batch函数的使用
2018/04/24 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
python实现爬取图书封面
2018/07/05 Python
如何基于windows实现python定时爬虫
2020/05/01 Python
pandas apply多线程实现代码
2020/08/17 Python
python 使用tkinter+you-get实现视频下载器
2020/11/17 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
个人廉洁自律承诺书
2014/03/27 职场文书
学习型班组申报材料
2014/05/31 职场文书
计算机网络专业自荐书
2014/06/09 职场文书
白酒营销策划方案
2014/08/17 职场文书
python 自动刷新网页的两种方法
2021/04/20 Python
MySQL update set 和 and的区别
2021/05/08 MySQL
如何有效防止sql注入的方法
2021/05/25 SQL Server