2013-10-08 88 views
0

在這裏我已經在sencha應用程序中使用的代碼,因爲我想添加一個提醒提示輸入您的密碼!當indexpnl launch.Here代碼在啓動警報

var mainContainer = Ext.create('Ext.Panel', { 
    id: 'mainContainer', 
    layout: 'card', 
    width: '100%', 
    height: '100%', 
    showAnimation: { 
        type: 'slideIn', 
        direction: 'right' 
        }, 
    items: [indexpnl,loginpnl,registerpnl,homepnl,viewitemspnl,forgpanel,myfriendpro,notifypanel,mapapnel,friendviewitemspnl] 
    }); 
    Ext.Viewport.add({ 
     xtype: 'panel', 
     items: [mainContainer] 
    }); 

警報

function alertprompt() 
{ 
var retVal = prompt("Enter your password? ", "Password"); 
} 

當應用程序啓動indexpnl顯示first.I要顯示與that.Where上述警告,我應該要調用的方法alertprompt()顯示在啓動?PLease幫助解決這個問題

回答

1

我假設你打電話Ext.onReady();來調用你的功能,顯示indexpnl

讓我們假設這個函數是start()。如果您使用的發射功能添加到的xtype視口{

  afterrender:function(t,eOpts){ 

      alert("Enter your password"); 

     } 

     } 
0

嗨,你可以使用這個監聽器只需要添加下面的代碼

聽衆。你可以在那裏使用「Ext.Msg.prompt(...)」。密碼獲取成功後,您可以將pannel添加到視口中。注意:我假設您將在密碼驗證後顯示主容器。 如:`

launch:function(){ 
    Ext.Msg.prompt('Authentication Process!','Please enter your password:', function(button,text){ 
     if(button=='ok'){ 
     //Do your password validation here. Then add your panel into the Viewport 
     } 
     else 
     { 
     Ext.Msg.alert('Reload the application and give your password'); 
     } 
    }); 
    }, 

`

+0

我應該在哪裏要在主容器 – Fazil

+0

它不工作 –

+0

添加此監聽器......在mainContainer上或Ext.Viewport.add – Fazil

0

function start() { 
    //do your panel rendering to where ever 
    alertprompt(); 
} 
+0

是的。密碼驗證後,我想顯示主容器。在哪裏,我應該顯示警報以及如何 – Fazil

+0

我已經添加了示例代碼如何添加提示信息爲您的驗證。這個函數應該在app.js文件中定義。 – prakash