`
koreyoshi
  • 浏览: 241259 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXTJS4.0 用法笔记~~ 3种和后台交互数据的方法

 
阅读更多
真他么不想说,现在iteye发表个文章真难,一些提示信息只能体现此网站的不专业:输入信息有误?能给个具体的提示哪里输入有误行么,正规正举的几个汉字也得罪你了.都是搞IT的,这点也做不好?.吐槽一下.希望有更多的人投诉,让其改进.

1.数据源store

store通常是作为grid的数据源,以便来更新grid的数据.其实这也是它最正规的用法,但其也可以把它作为与后台交互的一种方法,前提是只需向后台发送数据,而不需要接收后台返回的数据.

    创建一个公共的store,不与任何表有联系,只需要下面简单的几句话


    var publicstore = Ext.create('Ext.data.Store', {   
           proxy : {
                type : 'ajax',
                url : ''
           }
      });

 如果只是想往后台传个数据的话

 publicstore.proxy.url='a.action?id=1';

   publicstore.load();




2.form表单的提交方法

  表单提交涉及到两种,第一就是单纯的提交表单,把该表单的信息提交到后台action处理,不用任何参数

                       fs.form.submit( {
                                        clientValidation : true,
                                         url : 'saveform.action',
                                         method : 'POST',
                                         success : function(form, action) {                                          
                                         },
                                         failure : function(form, action) {
                                         }
                                     });





第二,就是作为后台交互,传输数据,需加上要传输的参数


                                    fs.form.submit( {
                                        clientValidation : true,
                                         url : 'delbyid.action?id=' + encodeURI(id),
                                         method : 'POST',
                                         success : function(form, action) {                                          
                                         },
                                         failure : function(form, action) {
                                         }
                                     });




3.用Ext.Ajax.request

      这个最简单,最方便,增删改操作都可以用,而且不用估计啥,唯一需要注意的就是网页和项目的编码格式


                                           Ext.Ajax.request( {
                                                         timeout : 3000000,
                                                         url : 'save.action',
                                                         params : 'id='+ encodeURI(id)+ '&descr='+ encodeURI(descr) ,
                                                         success : function(response, config) {                                                    
                                                         },
                                                         failure : function(form, action) {
                                                            
                                                         }
                                                     })
分享到:
评论
1 楼 wzmmao 2013-04-28  
您好,在问答频道看到您说到DHTMLX,我也是刚接触这个,不知道怎么学,怎么应用那些例子,能交流下吗,QQ:1361730313

相关推荐

    ExtJS4.0开发笔记

    ExtJS4.0开发笔记

    EXTJS4.0 教程实例~讲解

    本示例主要介绍了 `HBox` 布局的几个关键属性及其使用方法。 **知识点详解**: 1. **`HBox` 布局的主要属性**: - **`align`**:指定组件在容器中的垂直对齐方式。可以选择 `'top'`(默认)、`'middle'`、`'...

    ExtJs4.0官方版本

    ExtJS 4.0拥有详尽的API文档,涵盖了所有组件、方法和事件,方便开发者查阅和使用。 9. 兼容性和性能优化 4.0版本对浏览器兼容性进行了全面优化,支持主流的浏览器,同时通过改进渲染机制和事件处理提高了整体性能...

    Extjs4.0开发笔记

    EXTJS4.0 开发笔记主要探讨了如何利用EXTJS4.0的MVC模式进行Web应用程序的构建,特别是员工管理系统的开发。在MVC模式下,开发过程更具有组织性和可维护性,将模型(Model)、视图(View)和控制器(Controller)...

    ExtJs4.0 手册中文版

    教程可能包括安装环境、创建第一个应用、理解基本组件的使用方法,以及逐步进阶到更复杂的主题,如远程数据加载和AJAX通信。 最后,`EXT_js_中文手册.pdf`可能是另一个版本或形式的ExtJS 4.0中文文档,它可能提供与...

    extJs4.0 开发手册源码

    3. **示例和模板**:源码可能包括示例代码和模板,帮助开发者快速上手和学习EXTJS的使用。 4. **文档**:EXTJS的开发手册提供了详细的API文档,解释了各个类、方法和事件的用途。 5. **CSS样式**:EXTJS的样式文件...

    Extjs4.0学习笔记

    Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...

    Extjs 4.0中文版API

    Extjs 4.0中文版API

    EXTJS4.0视频教程配套代码

    第二讲:extjs4.0的新特性(附件较大做了分包压缩大家只要下载3个包运行001就ok了) [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0...

    (Java+JSP)可二次开发Extjs4.0通用后台管理系统源码完整大型项目.zip

    【标题】:“(Java+JSP)可二次开发Extjs4.0通用后台管理系统源码完整大型项目.zip”指的是一个基于Java和JSP技术,并利用Extjs4.0框架开发的可扩展的后台管理系统源码。这个项目是针对中大型企业的需求设计的,提供...

    Extjs4.0通用后台管理系统源码完整大型项目(ExtJS 4.2+Hibernate 4.1.7+Spring MVC 3.2.8)

    可二次开发Extjs4.0通用后台管理...3、分别封装了模型层、控制层、业务逻辑层和数据持久层的通用操作模块,层次分明,大大减少代码冗余,二次开发效率高。 4、系统是公司多个项目的基础框架,稳定性好,支持大并发。

    EXTJS4.0视频教程 30集 下载地址

    ### EXTJS 4.0 视频教程 30集 关键知识点解析 #### 一、EXTJS 4.0 概述与安装配置 **1.1 EXTJS 4.0简介** EXTJS 4.0是一款基于JavaScript的开源前端框架,用于构建交互式的Web应用程序。它提供了一套丰富的UI组件...

    免费 Extjs4.0教程视频

    - Grid、Tree、Form、Panel、Chart等组件的使用方法和应用场景。 - 如何利用这些组件构建复杂的用户界面。 - **MVC重构**: - 展示如何使用MVC模式重构之前的Grid组件,以提高代码的可维护性和扩展性。 - **实战...

    extjs4.0帮助文档 extjs-docs-4.0.2.zip

    extjs4.0开发人员以及学习可以下载参考

    EXTjs4.0学习文档

    EXTJS 4.0 是一个面向开发 RIA 的 AJAX 应用,是一个用 JavaScript 写的,主要用于创建前端用户界面,是一个与后台技术无关的前端 AJAX 框架。它能够帮助我们在页面上快速而简单构建各种各样的控件,简化我们自己去...

    EXTJS4.0视频教程配套代码包含action类

    这个视频教程配套代码主要涉及EXTJS4.0中的action类,这是EXTJS中处理服务器端交互的关键部分。在EXTJS中,action类通常指的是Ext.Ajax或Ext.data.proxy.Ajax,它们负责发送异步请求到服务器并处理响应。 在EXTJS...

    ExtJs4.0入门教程

    ExtJs4.0入门教程,详细介绍ExtJs4.0。

Global site tag (gtag.js) - Google Analytics