How to localize Yesno button in Ext 4.1 ?

[new2extjs]

I want to localize the yes no text of button in extjs 4.1. I tried to change ext-lang-xx.js file but it doesn't work. Any suggestions please?

[Farish]

Yes and No buttons for which component?

[sword-it]

Hi new2extjs,


See this thread-

http://www.sencha.com/forum/archive/...t-231440.html?

[new2extjs]

I have this message.

Ext.Msg.show({
			title: "test",
			msg: "test", 
			buttons: Ext.MessageBox.YESNOCANCEL,
			closable: true,
			fn: function( ){
	
			}
		});

I want to localize the yes, no, cancel of buttons. I have modified the ext-lang-xx.js file by adding this:

            Ext.MessageBox.msgButtons['cancel'].text = "test";
	     Ext.MessageBox.msgButtons['yes'].text = "test";
	     Ext.MessageBox.msgButtons['no'].text = "test";

But the change isnot reflected in the message box buttons. How can I resolve this?

[Farish]

the way you are doing it is working in ExtJS 4.0.7 but not in 4.1.x. Change like this:

// Add this to your locale file; remove the lines which you have posted above! they were meant to be removed for ExtJS 4.1.x
if(Ext.MessageBox){
        Ext.MessageBox.buttonText = {
            ok     : "TestOK",
            cancel : "TestCancel",
            yes    : "TestYes",
            no     : "TestNo"
        };
    }

// Now you can create a message box like this in your app:
Ext.Msg.show({
    title:'Messagebox Title',
    msg: 'Are you sure want to delete?',
    buttons: Ext.Msg.YESNOCANCEL
});

[Farish]

the locale file has the following comments:

// As of 4.0.4, setting the buttonText above does not take effect properly. This should be removable in 4.1.0
// (see issue EXTJSIV-3909)

Because of an earlier issue, the following 4 lines were added below these comments (which are no longer needed for ExtJS 4.1.x:

        Ext.MessageBox.msgButtons['ok'].text = Ext.MessageBox.buttonText.ok;
        Ext.MessageBox.msgButtons['cancel'].text = Ext.MessageBox.buttonText.cancel;
        Ext.MessageBox.msgButtons['yes'].text = Ext.MessageBox.buttonText.yes;
        Ext.MessageBox.msgButtons['no'].text = Ext.MessageBox.buttonText.no;

[new2extjs]

Thanks for the reply. I have removed those lines. But still the buttons yes, no , cancel are coming in English eventhough the message is coming in another language. Do I have to add something to the file where I have written the code for message or in some other file ?

[Farish]

no you dont have to add anything else. Just remove those 4 lines and change the text in that object in the locale file. then you can just create a message box like this:

Ext.Msg.show({
             title: "test",
             msg: "test", 
            buttons: Ext.MessageBox.YESNOCANCEL,
             closable: true,
             fn: function( ){
                  }
         });

[Farish]

add this code in your app JS file before creating any message boxes and see if it changes anything:

if(Ext.MessageBox){
         Ext.MessageBox.buttonText = {
             ok     : "TestOK",
             cancel : "TestCancel",
             yes    : "TestYes",
            no     : "TestNo"
         };
     }

If this works, then there may be a problem in loading the locale file. It might not be loaded before the message box is being created...