ExtJS 4 添加加载图标

Posted 2023-02-26

【中文标题】ExtJS 4 添加加载图标

【英文标题】：ExtJS 4 adding a loading icon

【发布时间】：2012-05-14 16:56:10

【问题描述】：

我使用的是 ExtJS 4.1，它的速度要快得多，但有时加载视图可能需要一段时间，所以我想显示某种 Loading 图像，它会告诉用户他应该等待。我怀疑这是相当标准的事情，但关于如何以及在哪里做的一些建议会非常有帮助。

谢谢

勒隆

【参考方案1】：

在他们的文档中搜索LoadMask。这是相当标准的事情。

【参考方案2】：

我是这样做的：

进入 index.html

    <div id="page-loader">  
        <img style="display: block;margin-left: auto;margin-right: auto; width=50%; height=100%;" src="data/xxxxx.gif" />
        <br/>
        &nbsp;&nbsp;Initializing...
        <br/>
    </div>

进入 app.js

启动：函数（）

    Ext.create('Pwallet.view.Videata');
    if (Ext.get('page-loader')) 
        Ext.get('page-loader').remove();