<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、POST form.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>
相关推荐
一个简单的ExtJs4.0搭建环境,利用Ext Ajax的方式提交表单,可使得显示层和控制层完全分开.
保存提交代码,extjs4.0 // 重置 和 保存 按钮. buttons: [{ text: '重置', handler: function() { this.up('form').getForm().reset(); } }, { text: '保存', /*formBind: true, //only enabled once the ...
extjs 表单提交 需 要 注 意 的 事 项
NULL 博文链接:https://fxiaozj.iteye.com/blog/1174901
ExtJS的表单使用FormPanel容器 表单使用的布局方式:form和formtable布局 ExtJS的表单和html的form标签是相似的,新建一个FormPanel实际上就是新建一个html的form标签,只是添加许多Ext的样式而已
Extjs4 表单从数据库读取数据映射到对应的字段中显示
通过多级的代码来获取组件当中表单元素值的一些技巧
extjs-form组件配置参数详解 extjs各种组件说明
代码如下: /** * 提交表单 */ function $postForm(a) { if (a.formPanel.getForm().isValid()) { var b = a.scope ? a.scope: this; a.formPanel.getForm().submit({ scope: b, url: a.url, method: “post”, ...
extjs,表单学习extjs,表单学习extjs,表单学习extjs,表单学习extjs,表单学习extjs,表单学习extjs,表单学习extjs,表单学习
Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证Extjs验证 Extjs验证
本工程为java Web 工程,旨在演示如何提交Extjs 中的表单。 本工程编码方式:UTF-8; 欢迎下载。
ExtJs中表单formPanel的横向布局
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
extjs四种异步提交,非常详细,非常好
extjs向action提交的方法,由Ext界面提交到action的两种方法,点击id为save的按钮时,执行loginFun函数。
ExtJS改变默认字体大小的几种方式 1、 只需把ext-all.css样式文件中的所有11px换成12px,这样就为统一的12px的字体了。 但是如果再想增大,那么这时候不光是把源文件的11px换成15px,而且需要把里面和font有关的12px...
extjs4 grid 包括form js代码
上一篇简单做了一个用ext写的登陆界面,今天来实现登陆效果,主要是回顾下ext中表单提交方法的使用。
1.首先得确定json格式没问题 2.在返回的json中一定得加上success为true,因为只有为true,才会进入success函数 因为刚结束Extjs4,这个错误我调试了半天。