`
牧羊人
  • 浏览: 215528 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext form 表单提交数据的方法小结

阅读更多
EXT的form表单ajax提交(默认提交方式)

function login(item) { 
 
 if (validatorForm()) { 
 // 登录时将登录按钮设为disabled,防止重复提交 
 this.disabled = true; 
 
 // 第一个参数可以为submit和load 
 formPanl.form.doAction('submit', { 
 
 url : 'user.do?method=login', 
 
 method : 'post', 
 
 // 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略 
 params : '', 
 
 // 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据 
 success : function(form, action) { 
 
 Ext.Msg.alert('操作', action.result.data); 
 this.disabled = false; 
 
 }, 
 failure : function(form, action) { 
 
 Ext.Msg.alert('警告', '用户名或密码错误!'); 
 // 登录失败,将提交按钮重新设为可操作 
 this.disabled = false; 
 
 } 
 }); 
 this.disabled = false; 
 } 
 }


EXT表单的非ajax提交

 //实现非AJAX提交表单一定要加下面的两行! onSubmit : Ext.emptyFn, submit : function() { 
 //再次设定action的地址 
 this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post'; 
 //提交submit 
 this.getEl().dom.submit(); 
 }, 


EXT的ajax提交
 
 Ext.Ajax.request({ 
 //请求地址 
 url: 'login.do', 
 //提交参数组 
 params: { 
 LoginName:Ext.get('LoginName').dom.value, 
 LoginPassword:Ext.get('LoginPassword').dom.value 
 }, 
 //成功时回调 
 success: function(response, options) { 
 //获取响应的json字符串 
 var responseArray = Ext.util.JSON.decode(response.responseText); 
 if(responseArray.success==true){ 
 Ext.Msg.alert('恭喜','您已成功登录!'); 
 } 
 else{ 
 Ext.Msg.alert('失败','登录失败,请重新登录'); 
 } 
 } 
 }); 

分享到:
评论

相关推荐

    Ext+JS高级程序设计.rar

    6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext.data.Record 198 7.4 ArrayReader、...

    Extjs4的FormPanel从后台load json数据的要点

    通过以上内容的介绍,我们可以了解到在Extjs4中如何利用`form.load()`方法实现从后台加载JSON数据,并将其映射到表单字段中显示的过程。这不仅有助于提高开发效率,还能增强应用程序的灵活性。希望本文能够帮助您更...

    Ext Js权威指南(.zip.001

    7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....

    Ext深入浅出 数据传输

    Ext深入浅出 数据传输 第10 章 数据存储与传输.....................................230 10.1 Ext.data简介............................................230 10.2 Ext.data.Connection....................230 ...

    ExtJSWeb应用程序开发指南(第2版)

    4.1.3 Ext.form.field.Base基础表单字段 4.1.4 Ext.form.field.Text文本域 4.1.5 Ext.form.field.TextArea文本区 4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field....

    Extjs表单常见验证小结

    在创建表单时,验证是必不可少的一环,以确保用户输入的数据符合预期。本文将详细总结ExtJS表单中的常见验证方式。 1. 空验证 在ExtJS中,可以通过设置`allowBlank`属性来实现空验证。如果`allowBlank`设为`false`...

    EXTASPNET 总结

    #### 四、小结 ExtAspNet提供了一种简便的方式来构建复杂的树形结构菜单系统。通过上述步骤,我们可以轻松地实现菜单的动态加载、更新以及客户端验证等功能。这不仅提高了开发效率,也增强了用户体验。希望本文档...

    轻松搞定Extjs_原创

    ### Extjs教程知识点总结 #### 第一章:序 - **主要内容**:简要介绍Extjs框架,并概述后续章节的学习内容。 #### 第二章:准备与资源 - **下载**:指导如何从官方...- **小结**:回顾综合项目的整体架构和技术要点。

    Extjs4 API文档阅读(二)——MVC构架(下)

    #### 四、小结 通过上述实例可以看出,Extjs4的MVC架构提供了一种清晰的方式来组织和管理大型应用程序。通过定义不同的模型、视图和控制器,可以更容易地管理和扩展应用程序的功能。此外,通过使用诸如`control`、`...

    php header Content-Type类型小结

    8. `multipart/form-data`:用于上传文件时的表单数据编码。 9. `text/css`:CSS样式表文件。 10. `text/javascript`或`application/x-javascript`:JavaScript代码,现代浏览器通常使用`application/javascript`。 ...

Global site tag (gtag.js) - Google Analytics