[resolved] Ext Msg Confirm change button text

[dmassiani]

Hi,

How i can change the button text ? (yes and no)

handler: function(){
	Ext.Msg.confirm("Etes vous sûr", "", function(e){if(e == 'yes'){
		Ext.getCmp('main').setActiveItem(6);	
	}
});
}

thanks in advance.

[Salva]

Hi dmassiani,

I don't know if it's the proper way, but this is how I've finally done it:

if(Ext.MessageBox) {
          var MB = Ext.MessageBox;
          Ext.apply(MB, {
                    YES: { text: 'Sí', itemId: 'yes', ui: 'action' }
          });
 
          Ext.apply(MB, {
                    YESNO: [Ext.MessageBox.NO, Ext.MessageBox.YES]
          });
}

I just changed the 'Yes' button, as 'No' is the same in Spanish, but you could also change it. Have a look at lines 39875 - 39894 in sencha-touch-debug-w-comments.js (1.0.1) and you'll see the properties you have to override to change the default texts.

[dmassiani]

yes that's done

i have do that :

var MB = Ext.MessageBox;
Ext.apply(MB, {
		YES: { text: 'Oui', itemId: 'yes', ui: 'action' }
});
Ext.apply(MB, {
		NO: { text: 'Non', itemId: 'no' }
});
Ext.apply(MB, {
		YESNO: [Ext.MessageBox.NO, Ext.MessageBox.YES]
});

thank you

[Salva]

If you want to make it shorter,

var MB = Ext.MessageBox;
Ext.apply(MB, {
		YES: { text: 'Oui', itemId: 'yes', ui: 'action' },
		NO: { text: 'Non', itemId: 'no' }
});
Ext.apply(MB, {
		YESNO: [MB.NO, MB.YES]
});

Should also work. Only YESNO has to be applied after YES and NO have been assigned, as it references them and if you did it in the same "apply" method their values would still be the old ones.
Ext.MessageBox could also be shortened to MB in the second Ext.apply (I made the mistake when writing the example code).

[dmassiani]

thanks you very much.
i appreciate your answer

[alile]

I found this solution which I find to be more preferable: http://www.epiphanydigital.biz/2011/...ustom-buttons/

Ext.Msg.show({ 
     title   : 'Enter Email Address', 
     msg     : null, 
     buttons : [{ 
          itemId : 'ok',  
          text   : 'Send',   
          ui     : 'action' 
      },{   
          itemId : 'cancel',   
          text   : 'Cancel'    
      }], 
      prompt  : {   
          maxlength : 180,   
          autocapitalize : false },   
          fn      : function(text,btn) {    // do some stuff  }  
      }); 

[EmilMatei]

Ext.MessageBox.prompt() is using Ext.MessageBox object properties, like buttonText.

If you do something like this :

var promptBox = Ext.Msg;
promptBox.buttonText={
cancel: 'cancelText',
no: 'noText',
ok: 'okText',
yes: 'yesText'
};

If you call :
promptBox.prompt(title, message, callback)

OK and CANCEL buttons are displayed with their text label.

Tested in ExtJs 3.2