Numberfield Prompt

[RussellYermal]

Hey guys,

I needed a prompt for a numberfield instead of text so I extended Ext.MessageBox, here it is if you need it!

Ext.define( 'App.NumberPrompt' , {
    extend: "Ext.MessageBox" ,
    requires: [
        'Ext.field.Number'
    ],
    xtype: "numberPrompt" ,
    applyPrompt: function(prompt) {
        if (prompt) {
            var config = {
                label: false
            };


            if (Ext.isObject(prompt)) {
                Ext.apply(config, prompt);
            }


            return Ext.factory(config, Ext.field.Number, this.getPrompt());
        }


        return prompt;
    } 
});

Usage:

var myNumberPrompt = Ext.create( 'App.NumberPrompt' );
    
    myNumberPrompt.prompt( 'Number' , 
                    'Please enter a number:' , 
                    function( number ) {
                        // process number value and close...
                    });

[mitchellsimoens]

Your code produces a number field. One thing I would do is applyPrompt as two arguments, the new prompt and the current prompt

    applyPrompt : function (prompt, oldPrompt) {
        if (prompt) {
            var config = {
                label : false
            };

            if (Ext.isObject(prompt)) {
                Ext.apply(config, prompt);
            }

            return Ext.factory(config, Ext.field.Number, oldPrompt);
        }

        return prompt;
    }

[a7xntho]

When you use this number prompt, the number entered is THE SECOND paramater of the function
In fact, the first paramater always return button status ('ok' or 'cancel')

myNumberPrompt.prompt( "Prompt",  'Enter a number :' , 
function( a,number ) {
     console.log(number);
});