Question

这里是我在基于sencha的应用程序中使用的代码，因为我想添加一个警告提示输入你的密码！当 indexpnl 启动时。这是代码

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首先显示。我想用那个显示上面的警告。我应该在启动时调用方法alertprompt（）来显示吗？请帮助解决这个问题

Answer 1

我假设您正在调用Ext.onReady();来调用显示indexpnl的函数。

让我们假设这个函数是start()。

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

Answer 2

您好，您可以使用此监听器添加以下代码

听众：{

         afterrender:function(t,eOpts){

            alert("Enter your password");

        }

      }

Answer 3

如果您使用启动功能将xtype添加到Viewport中。你可以在那里使用“Ext.Msg.prompt（...）”。密码获取成功后，您可以将视口添加到视口中。注意：我假设您将在密码验证后显示主容器。例如：`

    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');
       }
     });
   },

`

在发布警报

3 个答案: