加载掩码不显示

Question

我正在进行awebpage，其中嵌入了一些ext js元素。我在显示加载掩码时遇到问题，尤其是在需要加载大量数据时。在这个例子中，我使用颜色框来创建一个弹出窗口。在弹出窗口中，我想显示ext js数据网格，用户可以在其中选择项目。问题在于电网加载的速度i9n。它需要一段时间才能完全加载。 该页面为：http://ictpunt.be，点击“添加优惠”＆＃39;按钮以查看弹出窗口。 我想在加载时显示加载掩码。我已尝试在视口上执行此操作，但它仅显示数据即将加载的时间。因此，用户必须在加载掩码消息出现之前的近10秒内查看空白屏幕！这是我的一段代码

 Ext.create('Ext.Viewport', {
    items: [ contentPanel ],
    renderTo: 'content',
    loadMask: true,
    viewConfig: {
        loadingText: "Loading, please wait..."
    },

.... }）;

Answer 1

您希望在正在创建的视口实例上使用setLoading方法：

myViewport = Ext.create('Ext.Viewport', {
    renderTo: 'body'
});
myViewport.setLoading('Loading, please wait...');
setTimeout(function () { myViewport.setLoading(false); }, 2000);