extjs登錄後顯示確認表格

Question

我想修改別人的extjs代碼，我真的需要一些幫助。

基本上，當驗證用戶名/密碼時，將調用dashboard.js，它包含在index.php中。 現在我需要做的是在驗證用戶名/密碼後，我需要另一個表單彈出詢問確認號碼。 這不需要驗證（只需檢查空字符串），只需在窗體中輸入，我需要將它保存在會話中。

//index.php 
    <script> 
      Ext.onReady(function() { 

       Web.ip = '<?php print $_SERVER["REMOTE_ADDR"]; ?>'; 

       var sessionInfo = Web.getCookieInfo(); 
       if(sessionInfo) { 
        Web.Dashboard.init(); 
        Web.user = sessionInfo; 

        Web.Dashboard.loadDefault(); 
       } else { 
        Web.Login.init(); 
        Web.Dashboard.init(); 
       } 
      }); 
     </script> 

//dashboard.js 
Web.Dashboard = function() { 

    var contentPanel = new Ext.Panel({ 
     region: 'center', 
     layout: 'fit', 
     margins: '0 5 5 0', 
     border: true, 
     html: '' 
    }); 

    return { 

     init: function() { 
     ........ 
     } 
    } 
}(); 

這裏被稱爲我的成功函數的onsubmit函數內：

success: function(result, request) { 

    try { 
     var obj = Ext.decode(result.responseText); 
     if(obj.success) { 
      var permissions = obj.USER[0].VALUES; 
      var p = {}; 
      for(var i=0 ; i<permissions.length ; i++) { 
       p[permissions[i].PERMISSION] = true; 
      } 


      Web.Dashboard.loadDefault(); 
     } else { 
     //alert ('got here'); 
      if (obj.ErrorCode == 20410) { 
       th.changePasswordWindow.show(); 
       return; 
      } 
      th.loginPanel.form.reset(); 
      th.loginWindow.displayInfo('Invalid username/password'); 
     } 
    } catch(ex) { 
     th.loginWindow.el.unmask(); 
     th.loginPanel.focusUsername(); 
     th.loginPanel.form.reset(); 
     th.loginWindow.displayInfo('Error: ' + ex); 

} 

}，

Answer 1

好吧，編輯用一個簡單的ActionSheet，含有另一種形式，這將是一個獨立的形式，其單個輸入字段 - 更改textfield.name和formpanel.url，以便它與您的服務器端匹配。

登錄成功後，創建工作表（或其他模式面板彈出窗口）。渲染並顯示，然後發送另一個請求到服務器formpanel.getForm().submit()，你應該很好去。

這其中有一個按鈕處理樣品ActionSheet，適應該功能您的需要

function loginDone() { 
... 
if(success) { 
var pincodeSheet = Ext.create("Ext.ActionSheet", { 
    items: [{ 
     xtype: 'toolbar', 
     cls: 'actionSheetToolbar', 
     itemId: 'id_title', 
     docked: 'top', 
     title: '' 
    }, { 
     xtype: 'spacer', 
     height: 10 
    }, { 
     xtype: 'formpanel', 
     padding: 10, 
     url: 'set_session_variable_serverside.asp', // adapt this 
     items: [{ 
      title: 'Please enter PIN', 
      cls: 'loginTbarTop', 
      xtype: 'toolbar', 
      docked: 'top' 
     }, { 
      xtype: 'toolbar', 
      docked: 'bottom', 
      cls: 'loginTbarBottom', 
      items: [{ 
       xtype: 'spacer' 
      }, { 
       xtype: 'button', 
       text: 'OK', 
       ui: 'action', 
       handler: function(btn,evt) { 
        // perform any validation here 
        pincodeSheet.down('formpanel').getForm().submit(); 
       } 
      }] 
     }, { /* end docked */ 
      cls: 'loginFormFieldset', 
      xtype: 'fieldset', 
      defaults: { 
       labelAlign: 'left', 
       labelWidth: '35%', 
       clearIcon: false 
      }, 
      /* form field declarations */ 
      items: [{ 
       tabIndex: 1, 
       xtype: 'textfield', 
       name: 'session_variable', /// name of input field 
       label: 'PIN CODE' 
      }] /* end form fields */ 
     }] /* end form panel items */ 
    }] /* end sheet items */ 
}); 
pincodeSheet.render(document.body); 


} 

... 
}