How to make the Ext.Msg.prompt input field a password?

[tadhg]

I'm pulling my hair out trying to find out how to set the Ext.Msg.prompt input field to a password.

I can do it with a component query if I find the texfield id with the Chrome dev tools. However, the framework dynamically sets these ids, so it tends to change during the running of the application, and then breaks my code.

If anyone knows how this can be done, I'd really appreciate some help.

Tadhg

[tadhg]

Really need to get to the bottom of this, please help!!

[tadhg]

Can anyone out there shed some light on this? Really need to deploy my app and this is the last outstanding task. Pleeeeease help....

[darren102]

For the prompt config property you can just pass in an type of password and it should become a password field.

config:{
    prompt:{
        xtype:'passwordfield'
    }
}

This should create it as a password field. If this does not work, then you will have to use the component query possibly providing a unique selector to the message box on creation that you will be able to select from.

[tadhg]

Hi Darren, thanks for your reply, I really appreciate it. I tried a few version of your suggestion but to no avail. Here's my code, perhaps it can shed some light:

var msg = Ext.Msg.prompt("Send Database contents", "Please enter the admin password", function (btn, inputValue) {
            if (btn == "ok") {
                Ext.Ajax.request({
                    url: 'email-database.php?password=' + inputValue
                });
            }
        });

And with your suggestion:

var msg = Ext.Msg.prompt({
            title: "Email Database contents",
            message: "Please enter the admin password",
            fn: function (btn, inputValue) {
                if (btn == "ok") {
                    Ext.Ajax.request({
                        url: 'email-database.php?password=' + inputValue
                    });
                }
            },
            config: {
                prompt: {
                    xtype: 'passwordfield'
                }
            }
        });

Finally I took a stab at this:

msg.getPrompt().config.component.type = 'password';

Still no joy. Any thoughts based on what I'm doing above?

[darren102]

The code below will display with the password field in the application.

        Ext.Msg.prompt(
            "Email Database contents",
            "Please enter the admin password",
            function (btn, inputValue) {
                if (btn == "ok") {
                    Ext.Ajax.request({
                        url:'email-database.php?password=' + inputValue
                    });
                }
            },
            null,
            false,
            null,
            {xtype:'passwordfield'});

[tadhg]

Darren you're a life saver, works like a charm! I'm kicking myself now that I understand how you did it. Thank you so much mate.

[Luis Fernando]

Gracias me funciono con el ultimo codigo

[senacle]

Old thread...
An other solution that works under Extjs 6.5.3

https://joekuan.wordpress.com/2012/0...ox-on-extjs-4/

var msgbox = Ext.Msg.prompt('Password Prompt', 'Please enter a pasword');
msgbox.textField.inputEl.dom.type = 'password';