读书人

extjs表单FormPanel提交数据跟加载数据

发布时间: 2013-11-08 17:52:32 作者: rapoo

extjs表单FormPanel提交数据和加载数据

在使用Extjs中,除了GridPanel以为,使用最多的应该用的是FormPanel了,在使用FormPanel肯定少不了,数据的提交和加载,现在本人总结下FormPanel数据提交和加载的方法

1.FormPanel数据提交包括两种方式,一种是使用BasicForm的submit方式进行ajax的异步提交,另一种是使用原始的HTML表单的提交方式

1.1BasicForm的submit方式进行ajax的异步提交

var form = new Ext.form.FormPanel({frame : true ,defaultType : 'textfield' ,buttonAlign : 'center' ,labelAlign : 'right' ,baseParams : {create : true },labelWidth : 70 ,items : [{fieldLabel : 'id' ,xtype : 'hidden',name : 'formSortUuid'},{fieldLabel : '名称' ,name : 'sortName'},{fieldLabel : '描述' ,xtype : 'textarea' ,name : 'description'}] ,buttons : [{text : '加载' ,handler : function(){/*{    success: true,    data: {formSortUuid: "Fred. Olsen Lines",namename: "FXT",description: "OSL"    } }*/form.getForm().load({    url: '<%=request.getContextPath()%>/formsort.do?method=saveOrUpdateFormSort',    waitTitle : '请等待' ,    waitMsg: '正在加载中',    success:function(form,action){alert(action.result.data)                        },    failure:function(form,action){Ext.Msg.alert('提示','保存失败!');    }});} ]});
?

读书人网 >JavaScript

热点推荐