extjs form 表单提交的集中方式
?
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Checkbox TreePanel</title><link rel="stylesheet" type="text/css" href="/ext/docs/resources/ext-all.css" /><script type="text/javascript" src="/ext/docs/resources/ext-base.js"></script><script type="text/javascript" src="/ext/docs/resources/ext-all.js"></script> </head><body> </body>
?
?
?
<script type="text/javascript">Ext.onReady(function(){Ext.QuickTips.init();var form1 = new Ext.form.FormPanel({ baseCls : 'x-plain', labelWidth : 70, fileUpload : true, defaultType : 'textfield', items : [{ xtype : 'textfield', fieldLabel : '姓名', name : 'username', id : 'username', allowBlank:false, blankText : 'you must input sth .', anchor : '100%' // anchor width by percentage }] });var win = new Ext.Window({ title : '表单提交', width : 400, height : 100, minWidth : 300, minHeight : 100, layout : 'fit', plain : true, bodyStyle : 'padding:5px;', buttonAlign : 'center', items : form1, buttons : [{ text : '普通方式提交',//这种方式 后台页面要跳转 ，就和平时jsp页面上的form一样 handler : function() { if ( form1.form.isValid() ) { var form = form1.getForm().getEl().dom;form.action = '/aicpa/aicpaTest_uploadFile.action' //form.method = 'GET';//GET、POSTform.submit(); } } },{ text : 'Ajax方式提交', handler : function() { if ( form1.form.isValid() ) { form1.getForm().submit({ url : '/aicpa/aicpaTest_uploadFile.action', method : 'POST', waitTitle:'提示', waitMsg:"提交中。。。。。", success : function(form, action) { //返回值 {success:true} Ext.Msg.alert('Message', action.result.success); //服务端所有的字符串 alert(action.response.responseText); //win.close(); }, failure : function(form, action) { Ext.Msg.alert('Error', action.result.errormsg ); alert(action.result.errormsg); } }) } }, },{ text : 'Connect方式', //数据返回格式 随意 handler : function() { if ( form1.form.isValid() ) { var conn = new Ext.data.Connection(); conn.request({ url:'/aicpa/aicpaTest_uploadFile.action', method:'POST', params:form1.form.getValues(), success:function(response , opts ){ alert(response.responseText ); } }); } }, },{ text : 'Ajax方式', //数据返回格式 随意 handler : function() { if(form1.form.isValid() ) {Ext.Ajax.request({url:'/aicpa/aicpaTest_uploadFile.action',method:'post', //jsonData://指定需要发送给服务器端的JSON数据。如果指定了该属性则其它的地方设置的要发送的参数值将无效。 //xmlData://指定用于发送给服务器的xml文档,如果指定了该属性则其它地方设置的参数将无效。 params:form1.form.getValues(), callback:function(options,success,response ){ if(success){ Ext.Msg.alert('success',response.responseText); } } }); } }, }, { text : '关闭', handler : function() { win.close(); } }] });win.show();});</script>?