How to change LoadMask text in ExtJS

Question

Is there a way to change Ext.LoadMask.msg on ExtJS 4.1 MVC Application globally?

http://www.sencha.com/forum/showthread.php?145538-Override-default-loading-mask-msg — MMT, Aug 31 '12 at 10:03

score 1 · Accepted Answer · answered Aug 31 '12 at 09:30

1

It should work with

// changing the msg text below will affect the LoadMask
Ext.define("Ext.locale.##.view.AbstractView", {
    override: "Ext.view.AbstractView",
    msg: "Loading data..."
});

for the most cases. Call this right after/within the onReady() function. Set ## to your locale language

answered Aug 31 '12 at 09:30

sra

23,820
7
55
89

I'm using ExtJS MVC and have no `onReady()` function at all. I tried placing and loading it from my `view` MVC folder. No effect. – s.webbandit Aug 31 '12 at 09:49
@webbandit You simply have already one as a default in your MVC App but you can have a second for your localization. – sra Aug 31 '12 at 13:08
What does it mean by `##` – Ashwin Parmar Nov 20 '13 at 08:38
@AshwinP As written below the code-box in my post: `Set ## to your locale language` – sra Nov 20 '13 at 10:37

codethinker1985 · Answer 2 · 2013-01-24T16:18:19.767

1

Ext.define("Ext.locale.de.view.AbstractView", {
override: "Ext.view.AbstractView",
loadingText: "Uebertrage Daten..." });

This works for me.

edited Jan 24 '13 at 16:18

answered Jan 24 '13 at 16:04

codethinker1985

11
2

score 0 · Answer 3 · edited Sep 27 '12 at 18:54

0

Add something like this at the onReady function:

if (Ext.LoadMask) {
    Ext.apply(Ext.LoadMask.prototype, {
        msg: 'Загрузка...'
    });
}

Or like this at the your locale.** file:

Ext.define("Ext.locale.**.LoadMask", {
    override: "Ext.LoadMask",
    msg: "Загрузка..."
});

edited Sep 27 '12 at 18:54

athspk

6,722
7
37
51

answered Sep 25 '12 at 01:43

Grusho

1

score -1 · Answer 4 · answered Aug 31 '12 at 09:39

-1

var myMask = new Ext.LoadMask(myPanel, {msg:"Please wait..."});
myMask.show();

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.LoadMask

answered Aug 31 '12 at 09:39

AJJ

3,570
7
43
76

this one applies `LoadMask` to certain Component only. In your case - `myPanel`. I'm searching for global solution for whole Application. – s.webbandit Aug 31 '12 at 09:43
Use Ext.getBody() to get your entire window. Call this at appropriate place in your code. and pass the value to LoadMask() – AJJ Aug 31 '12 at 09:54
I have lots of `LoadMask`s in my App. I should call this method for every mask I have? – s.webbandit Aug 31 '12 at 10:20
That is the only way i think.. If you need to change the message at single sort then i feel u need to override the LoadMask method. But the better way is create a function like mask: function(body, msg) { new Ext.LoadMask(body, msg)} and call this function wherever needed. – AJJ Aug 31 '12 at 10:25

How to change LoadMask text in ExtJS

4 Answers4