日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

EXT2.0初學(xué)筆記

 goldbomb 2007-11-12

1. EXT提交服務(wù)器的三種方式
          1, EXT的form表單ajax提交(默認(rèn)提交方式)

              相對單獨的ajax提交來說優(yōu)點在于能省略寫參數(shù)數(shù)組

              將按鈕添加單擊事件,執(zhí)行以下方法

                    

java 代碼
  1. function login(item) {   
  2.             
  3.             if (validatorForm()) {   
  4.                 // 登錄時將登錄按鈕設(shè)為disabled,防止重復(fù)提交   
  5.                 this.disabled = true;   
  6.   
  7.                 // 第一個參數(shù)可以為submit和load   
  8.                 formPanl.form.doAction('submit', {   
  9.   
  10.                     url : 'user.do?method=login',   
  11.   
  12.                     method : 'post',   
  13.   
  14.                     // 如果有表單以外的其它參數(shù),可以加在這里。我這里暫時為空,也可以將下面這句省略   
  15.                         params : '',   
  16.   
  17.                         // 第一個參數(shù)是傳入該表單,第二個是Ext.form.Action對象用來取得服務(wù)器端傳過來的json數(shù)據(jù)   
  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.                             // 登錄失敗,將提交按鈕重新設(shè)為可操作   
  28.                             this.disabled = false;   
  29.   
  30.                         }   
  31.                     });   
  32.                 this.disabled = false;   
  33.             }   
  34.         }  

   

          2.EXT表單的非ajax提交

            
           在表單需加入下列代碼

 

代碼

 

  1. //實現(xiàn)非AJAX提交表單一定要加下面的兩行! onSubmit : Ext.emptyFn, submit : function() {    
  2. //再次設(shè)定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.                      //提交參數(shù)組   
  7.                      params: {   
  8.                          LoginName:Ext.get('LoginName').dom.value,   
  9.                          LoginPassword:Ext.get('LoginPassword').dom.value   
  10.                      },   
  11.                      //成功時回調(diào)   
  12.                      success: function(response, options) {   
  13.                         //獲取響應(yīng)的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布局左邊區(qū)域系統(tǒng)菜單跳轉(zhuǎn)兩種方式


        1,使用Ext.get('centerPanel').load(url:"aaa.jsp");url為必選參數(shù)還有其他可選參數(shù)     請參見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 >'; 
       優(yōu) 點可以在載入的頁面動態(tài)加載js腳本(推薦使用)

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多