`
lianwu
  • 浏览: 33336 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

EXT2.0初学笔记

阅读更多

1. EXT提交服务器的三种方式
          1, EXT的form表单ajax提交(默认提交方式)

              相对单独的ajax提交来说优点在于能省略写参数数组

              将按钮添加单击事件,执行以下方法

                    

java 代码
  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.         }  

   

          2.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. },   

          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.             });  

2. 利用viewport布局左边区域系统菜单跳转两种方式


        1,使用Ext.get('centerPanel').load(url:"aaa.jsp");url为必选参数还有其他可选参数     请参见api文档。缺点,加入的页面js无效
        2,使用iframe,具体

js 代码
 Ext.get('centerPanel').dom.innerHTML='< i f r a m e  src=aaa.jsp>< / i f r a m e >'; 
       优 点可以在载入的页面动态加载js脚本(推荐使用)

本人是初学,难免有错误或者不妥的地方,请大家 帮忙指出。

分享到:
评论
7 楼 yangzi8244 2008-07-30  
[u][/u]
6 楼 yuyinweiliao 2008-05-09  
{success:true,bd_no:'ok'}

返回的數據是這樣的有錯嗎?
5 楼 yuyinweiliao 2008-05-09  

        aform.form.submit({
                        waitTitle:'請稍候',
                        waitMsg:'資料保存中,請稍候...',
                        method:'POST',
                        url:'../../Sql/g_save.aspx',
                        success:function(action,form){Ext.Msg.hide(); Ext.MessageBox.alert('系統提示','資料傳送成功');alert(action.result.data)},//
                        failure : function(form,action) {Ext.Msg.hide();Ext.Msg.alert('錯誤提示','資料保存失敗,請稍候重試~');}//

                    });

為何我的顯示action.result.data是NULL啊
4 楼 coral0212 2008-05-07  
感谢上面的兄弟姐妹们,我终于搞定了,呵呵
3 楼 microboat 2007-12-06  
用autoLoad: {url: 'test.html', scope: this, scripts: true}动态加载html片段。
------------test.html-----------------
<body>
<script type="text/javascript" src="js/cl01.js"></script>
<div id="gv"></div>
<div id="win"></div>
</body>
2 楼 92java 2007-11-12  
fangzhouxing 写道
引用
2,使用iframe,具体
js 代码
Ext.get('centerPanel').dom.innerHTML='< i f r a m e  src=aaa.jsp>< / i f r a m e >';
       优 点可以在载入的页面动态加载js脚本(推荐使用)


我一直用这种方式,缺点是每个页面都要加载一遍 ext-all.js!


我也是这样做的,也想到了每次加载一次ext-all.js 和css 文件有没有好的解决办法!!那位达人给个解决办法
1 楼 fangzhouxing 2007-11-12  
引用
2,使用iframe,具体
js 代码
Ext.get('centerPanel').dom.innerHTML='< i f r a m e  src=aaa.jsp>< / i f r a m e >';
       优 点可以在载入的页面动态加载js脚本(推荐使用)


我一直用这种方式,缺点是每个页面都要加载一遍 ext-all.js!

相关推荐

    ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记

    ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...

    最新的ext2.0下载

    EXT2.0是EXT框架的一个重要升级版本,它在EXT1.0的基础上进行了大量的改进和增强,提供了更为丰富的组件、优化的性能以及更美观的界面效果。 EXT2.0的核心特性包括: 1. **组件库增强**:EXT2.0扩展了原有的组件库...

    ext-2.0 ext-2.0 ext-2.0 ext-2.0 ext-2.0

    ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0

    ext2.0官方文档(chm),Ext 2.0 简明教程,Ext2经典应用

    3. **EXT2.0中文教程.exe**: 这可能是一个以可执行文件(.exe)形式的中文教学程序,对于中文用户来说非常友好。它可能包含了视频教程、交互式示例或者图文并茂的讲解,帮助学习者更直观地理解Ext 2.0的用法和功能。...

    ext2.0(jsp标签)

    EXT 2.0是Sencha公司推出的一个基于JavaScript的开源用户界面库,专门用于构建富互联网应用程序(RIA)。它提供了一套完整的组件化、可定制的UI控件,包括树形视图、菜单、弹出式菜单等,使得开发者能够轻松创建具有...

    ext2.0官方文档

    通过阅读"EXT中文教程",初学者可以逐步掌握EXT2.0的结构、工作原理以及如何进行日常管理和维护。教程可能涵盖了创建、挂载、卸载EXT2.0文件系统,使用`df`和`du`命令检查磁盘空间,以及如何处理文件系统错误等内容...

    Ext2.0中文文档

    Ext 2.0是Sencha公司开发的一个JavaScript库,主要用于构建富互联网应用程序(RIA)。这个中文文档包含了关于Ext 2.0的详细说明,对于开发者来说是一个非常宝贵的资源,可以帮助他们理解和使用这个强大的前端框架。 ...

    EXT2.0在本地浏览API的插件

    EXT2.0是一款基于JavaScript的富客户端开发框架,它提供了丰富的组件库和强大的数据管理功能,使得在浏览器端构建复杂的用户界面变得简单。本插件是EXT2.0针对本地浏览API的扩展,旨在增强EXT应用程序对本地资源的...

    Ext2.0 中文文档

    本文档主要针对EXT2.0版本进行介绍。 EXT2.0在EXT1.x的基础上进行了大量的改进和优化,增加了更多的UI组件,提升了性能,并且强化了对Ajax和数据绑定的支持。Ajax技术允许Web应用在不刷新整个页面的情况下与服务器...

    Ext2.0组件,全组件和帮助手册

    Ext2.0是Ext JS库的一个早期版本,它是一个用于构建富互联网应用程序(RIA)的JavaScript框架。这个框架提供了一套完整的UI组件和强大的数据管理功能,使得开发者能够创建交互性强、功能丰富的Web应用。全组件和帮助...

    EXT2.0 GRID 示例

    EXT2.0 GRID 示例是一个基于EXT JavaScript库的高级数据展示和操作组件的实例。EXT是一个强大的前端开发框架,尤其在创建交互式Web应用程序方面表现出色。EXT2.0是EXT库的一个早期版本,它提供了丰富的用户界面组件...

    EXT2.0最新压缩包

    EXT2.0是一种广泛应用于Linux操作系统中的文件系统,它的全称是Extended File System Version 2.0。在Linux世界中,文件系统是管理和组织磁盘数据的核心组件,它决定了文件如何存储、检索以及如何实现高效的读写操作...

    Ext2.0的学习笔记

    ### Ext2.0学习笔记:深入理解Ajax与Ext框架 #### Ajax:实现异步无刷新数据交换的关键技术 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它利用了...

    ext2.0API

    EXT2.0 API详解 EXT2(Second Extended File System)是Linux操作系统中广泛使用的文件系统之一,它在1992年由Rene Rebeau设计并实现,为Linux社区提供了可靠且高效的文件存储解决方案。随着技术的发展,EXT2也经历...

    ext2.0项目源代码供大家学习ext使用

    EXT 2.0是EXT库的一个早期版本,它包含了一系列用于构建用户界面的组件和工具,如表格、面板、菜单、窗口等。EXT 2.0项目源代码的分享为开发者提供了一个深入了解EXT框架内部工作原理和最佳实践的机会。 在EXT 2.0...

    EXT2.0 API文档

    EXT2.0 API文档是针对EXT JavaScript库的一个关键参考资料,主要涵盖了EXT库的版本2.0中的各种组件、方法和功能。EXT是一个强大的前端开发框架,尤其在构建数据驱动的Web应用程序方面表现突出。EXT2.0 API文档是...

    EXT2.0学习资料

    EXT2.0是Ext JS框架的一个早期版本,它在Web应用程序开发中被广泛使用,尤其在构建富客户端界面时。这个框架提供了丰富的组件库,帮助开发者创建交互性强、功能丰富的用户界面。EXT2.0的学习资料包括JAR包和相关的...

    EXT2.0中文教程

    EXT2.0中文教程是一个专为Windows用户设计的教育资源,旨在帮助用户理解和操作EXT2.0文件系统。EXT2.0是Linux操作系统中早期广泛使用的日志式文件系统,它在1993年由Rene Rebe开发,作为EXT1的升级版。EXT2.0在性能...

    ext 2.0

    Ext 2.0是一个强大的JavaScript库,专门用于构建富客户端应用程序。它是一个基于Ajax技术的开发框架,Ajax(Asynchronous JavaScript and XML)的核心理念是通过后台与服务器进行异步数据交换,无需刷新整个页面,...

    ext 2.0 源码 下载

    EXT 2.0是Web开发框架的一个重要版本,主要用于构建富客户端应用,它基于JavaScript,提供了丰富的组件库和数据管理功能。EXT 2.0源码的下载对于深入理解其内部工作原理、自定义组件以及优化性能至关重要。在学习EXT...

Global site tag (gtag.js) - Google Analytics