如何使用Sencha Touch更改面板上的loadingText?

时间:2011-05-02 15:51:02

标签: extjs sencha-touch

我在Panel上使用setLoading(true),但无法找到更改微调器下面的“Loading ...”文本的方法。

我至少需要把它翻译成挪威语。

app.views.ForfallDetaljerView = Ext.extend(Ext.Panel,{
    id: 'forfalldetaljer',
    scroll: 'vertical',
    dockedItems: [ new app.views.BackToolbar({
        title: 'Detaljer',
        buttonHandler: function(){
            Ext.dispatch({
                controller: app.controllers.forfallDetaljer,
                action: 'back',
            });
            // Clear view
            app.views.forfallDetaljer.update('');
        }
    })],
});

app.myview = new ForfallDetaljerView();
app.myview.setLoading(true);

有人有任何想法吗?

2 个答案:

答案 0 :(得分:2)

app.myview = new ForfallDetaljerView();
var mask = new Ext.LoadMask(app.myview.el, {msg: "<text here>"});
mask.show();

如果要删除它,可以执行mask.hide()

您还可以执行以下操作:

var l = app.myview.setLoading(true);
l.el.down('div.x-loading-msg').setHTML("<text here>");

所以希望这两个选项能指引你朝着正确的方向发展。

答案 1 :(得分:0)

还有另一种显示加载消息的方法:

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

Panel.setLoading(true)和Ext.LoadMask(...)都返回一个LoadMask对象。所以它的工作方式应该类似。

http://dev.sencha.com/deploy/touch/docs/?class=Ext.LoadMask