将按钮添加单击事件,执行以下方法
1. function login(item) {
2.
3. if (validatorForm()) {
4. // 登录时将登录按钮设为disabled,防止重复提交
5. this.disabled = true;
6.
7. // 第一个参数可以为submit和load
8. formPanl.form.doAction('submit', {
9.
10. url : 'user.do?method=login',
11.
12. method : 'post',
13.
14. // 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略
15. params : '',
16.
17. // 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据
18. success : function(form, action) {
19.
20. Ext.Msg.alert('操作', action.result.data);
21. this.disabled = false;
22.
23. },
24. failure : function(form, action) {
25.
26. Ext.Msg.alert('警告', '用户名或密码错误!');
27. // 登录失败,将提交按钮重新设为可操作
28. this.disabled = false;
29.
30. }
31. });
32. this.disabled = false;
33. }
34. }
3.EXT的ajax提交
代码
1.
2.
3. Ext.Ajax.request({
4. //请求地址
5. url: 'login.do',
6. //提交参数组
7. params: {
8. LoginName:Ext.get('LoginName').dom.value,
9. LoginPassword:Ext.get('LoginPassword').dom.value
10. },
11. //成功时回调
12. success: function(response, options) {
13. //获取响应的json字符串
14. var responseArray = Ext.util.JSON.decode(response.responseText);
15. if(responseArray.success==true){
16. Ext.Msg.alert('恭喜','您已成功登录!');
17. }
18. else{
19. Ext.Msg.alert('失败','登录失败,请重新登录');
20. }
21. }
22. });
.EXT表单的非ajax提交
在表单需加入下列代码
代码
1. //实现非AJAX提交表单一定要加下面的两行! onSubmit : Ext.emptyFn, submit : function() {
2. //再次设定action的地址
3. this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';
4. //提交submit
5. this.getEl().dom.submit();
6. },
分享到:
相关推荐
以下是EXT提交服务器的三种方式的详细说明: 1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的...
### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...
在Ext JS中,表单提交是一个关键的交互环节,涉及到数据的收集、验证以及向服务器发送请求。 描述中提到的博文链接(已不可用)可能提供了关于Ext JS中表单提交的具体实现和示例。通常,Ext JS的表单提交使用Ajax...
当我们讨论EXT提交表单与ASP.NET的结合时,主要涉及的是EXTJS如何与ASP.NET后端进行数据交互。EXTJS 提供了表单组件(FormPanel)来创建和处理用户输入,而ASP.NET则处理这些数据并进行业务逻辑处理或数据持久化。 ...
2. **EXT提交服务器的三种方式.doc**:文档可能详细介绍了在 ExtJS 中如何进行数据的提交,比如使用 AJAX、Store 和 Proxy 等方式与服务器进行通信,这在实际开发中是至关重要的。 3. **Ext技术**:这可能是一个更...
- **Ajax提交**:通过Ajax技术,可以在不重新加载页面的情况下发送数据至服务器,提供更流畅的交互体验。 - `Ext.form.Basic`:基于`Ext.Ajax`,提供简单的异步表单提交。 - `Ext.form.Action`:封装了更多高级...
本篇将详细探讨如何利用`Ext`前端框架与`JSP`服务器端页面来实现数据的提交。 `Ext`是一个强大的JavaScript库,主要用于构建富客户端应用。它提供了丰富的组件库,包括表格、表单、菜单等,以及一套完整的MVC...
Ext Direct是一种JavaScript和服务器之间通信的技术,它提供了预定义的API调用模式,简化了AJAX交互,并优化了Web应用程序的数据交换。 在ASP.NET MVC中,控制器负责处理HTTP请求并返回视图或数据。然而,当涉及到...
其中,我们可以看到Ext.Ajax可以实现动态与静态的方式提交到web服务器。从中可以看出,其实Ext框架可以非常方便的与现有网站集成。关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们...
### EXT的三种提交方式详解 #### 一、Form提交 在EXT框架中,`form`提交是一种常见的数据提交方式,这种方式通常与HTML表单元素相结合,实现数据的有效性和完整性验证之后的数据提交。以下是对该部分代码的具体...
对于远程数据,通常会使用Ajax请求(DWR或者Ext.Ajax)从服务器获取JSON或XML格式的数据。 更新(Update):当用户修改了数据,Store会自动检测到这些变化。调用`sync()`方法会将更新后的数据发送回服务器,后台...
在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...
EXT3.0登录实例是一个典型的EXT应用场景,通过它,开发者可以学习到EXT的基本组件用法、事件处理机制以及如何结合服务器进行数据交互。掌握这些知识点,对于理解EXT框架和开发Web应用具有重要意义。
6. **Ajax和RESTful交互**:EXT提供了便捷的Ajax接口,便于与服务器进行异步通信,同时支持RESTful API,简化了后端数据的获取和操作。 7. **高级布局管理**:EXT的布局管理器可以处理复杂的页面布局,如网格布局、...
"ExtAjax表单提交"是EXTJS中的一个重要功能,用于处理用户在网页上的表单数据,并通过Ajax方式向服务器发送请求,实现异步数据交互。 在EXTJS中,表单(Ext.form.Panel)是数据输入和展示的主要组件。它包含了各种...
在EXTJS中,Ext.AJAX和Ext.FormPanel是两个核心组件,它们分别用于异步与服务器进行数据交互和构建用户界面表单。本文将详细介绍如何使用这两个组件构建一个完整的登录案例,包括与MySQL数据库的交互。 **1. Ext....
1. **Ajax通信**:ExtJS 使用Ajax进行异步请求,通过Ext.Ajax对象或者直接使用Action Components(如FormPanel)来发送GET或POST请求到服务器。这些请求可以包含数据,并接收服务器返回的数据,更新UI。 2. **JSON...
对于数据管理,Ext 2.1提供了Store对象,它可以存储和管理数据,与服务器进行异步通信。Store可以连接到各种数据源,如JSON、XML或CSV,并且与数据网格、表单和其他组件无缝集成。 在UI设计方面,Ext 2.1提供了大量...
5. **Ajax通信**:EXT通过Ext.Ajax类提供了异步请求功能,方便与服务器进行数据交互。 6. **GridPanel**:EXT的表格组件,可展示大量数据并支持排序、过滤、分页等功能。 7. **FormPanel**:用于创建表单,支持...
5. **表单(Forms)**:EXT提供了丰富的表单组件和表单处理功能,如文本框、下拉框、复选框等,以及表单验证和提交机制。 6. **工具栏(Toolbars)**:EXT的工具栏组件可以轻松添加各种按钮、菜单和分割线,为用户...