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滑动门代码
Dec 19 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
jquery 按键盘上的enter事件
May 11 Javascript
实现js保留小数点后N位的代码
Nov 13 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
简述JS控制台的使用
Jul 15 Javascript
详解如何探测小程序返回到webview页面
May 14 Javascript
Nuxt.js实战和配置详解
Aug 05 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
修改Vue打包后的默认文件名操作
Aug 12 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中的类-什么叫类
2006/11/20 PHP
php 正则表达式小结
2009/08/31 PHP
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
php实现求相对时间函数
2015/06/15 PHP
ThinkPHP安装和设置
2015/07/27 PHP
Linux下快速搭建php开发环境
2017/03/13 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
可输入的下拉框
2006/06/19 Javascript
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
2018/07/05 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
Python基础之函数用法实例详解
2014/09/10 Python
Python中的连接符(+、+=)示例详解
2017/01/13 Python
Django开发中复选框用法示例
2018/03/20 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
最热门的自我评价
2013/12/30 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
民事申诉状范本
2015/05/20 职场文书
红楼梦读书笔记
2015/06/25 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书