javascript – ExtJs 4 – 淡入应用程序视口

我试图为我的应用程序创建一个简单的效果,即在1-2秒的时间内从白色淡入它,这样用户就不必看到它正在组装.

我几乎有它工作,但有一些闪烁,我似乎无法摆脱.基本上ExtJS正在渲染我的UI,然后立即隐藏它,以便它可以淡入.

这是我的应用程序:

Ext.application({
    name : 'MyApp', // Application level namespace
    appFolder : 'js/myapp', // Directory path to app
    autoCreateViewport : true,

    launch : function() {    
        // fade in the viewport
        var form = Ext.ComponentQuery.query("viewport")[0];
        form.getEl().fadeIn({
            from : {
                opacity : 0
            },
            duration : 1000 
        });

    }
});

我怎么能摆脱FadeIn之前的初始抽奖?

解决方法:

我猜错了,默认情况下我可以将视口的不透明度设置为0并且工作正常:

Ext.define('MyApp.view.Viewport', {
    extend : 'Ext.container.Viewport',
    style: 'opacity: 0;',
    items : [ {
        xtype : 'someview'
    } ]
});

相关文章

我有一个问题,我不知道如何解决.我有一个Indy10HTTP服务器.我...
我正在使用sdk1.17开发一个Firefox附加组件.它包含一个带有按...
Ext.define('PhysicsEvaluationSystemV1.view.base.Bas...
默认所有列(假设列3最大3列,动态显示),使用headerRowsEx中...
序言   1.ExtJs是一套很好的后台框架。现在很流行的,我们...
我在ExtJs中有这个表单.如果field1不为空,则field2不能为空....