ExtJS4如何给同一个formpanel不同的url
2014-05-02 00:00
555 查看
formpanel可以这样使用,api上的例子:
再看API,formpanel竟然没有url的配置,也没有获得api的函数。。想来应该是formpanel的父类的参数。。
后来去看了看ext.form.basic,果然有url配置项。。
在Ext中FormPanel并中并不保存表单数据,其中的数据是由BasicForm保存,在提交表单的时候需要获取当前FormPanel中的BasicForm来进行提交.
在获取BasicForm对象后便可进行表单的提交操作
因为要在项目中要用到2个组件,这2个组件唯一的差别是提交的url不一样,故我在定义组件时没有定义url这一项
然后在组件添加到不同容器时顺便把不同的url也给上,以上面那个例子为例
在需要的地方
这种方法对于组件的重用是一个不错的方法。
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
这种方法对于组件的重用是一个不错的方法。
相关文章推荐
- ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
- ExtJS4给Combobox设置列表中的默认值示例
- ExtJS4利根据登录后不同的角色分配不同的树形菜单
- jsPDF导出pdf示例
- js日期联动示例
- 离开当前页面前使用js判断条件提示是否要离开页面
- paip.关于动画特效原理 html js 框架总结
- paip.关于动画特效原理 html js 框架总结
- js正则表达式
- (转)IntelliJ IDEA 使用JSTL标签库(IDEA 加载 tld文件)
- js写的一个html游戏向导模块
- MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件02-多文件上传
- 正则表达式常用知识点总结
- [Javascript] Window的属性
- MVC文件图片ajax上传轻量级解决方案,使用客户端JSAjaxFileUploader插件01-单文件上传
- 使文件下载的自定义连接支持 FlashGet 的断点续传多线程链接下载! JSP/Servlet 实现!
- C# JSON转换以及编码转换
- javascript学习笔记
- js BDD Test framework jasmine
- js学习小结(五)2014.5.1(视口,window的onscroll事件,返回顶端特效)