javascript - ExtJs 4-फीड विडियो में व्यूोर्ट



html animation (1)

एक जंगली अनुमान लगाया कि मैं डिफ़ॉल्ट रूप से व्यूपोर्ट की अस्पष्टता 0 सेट कर सकता हूं और यह काम किया है:

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

मैं अपने आवेदन के लिए एक साधारण प्रभाव बनाने की कोशिश कर रहा हूं जो कि 1-2 सेकंड की अवधि में सफेद रंग से फीका करना है ताकि उपयोगकर्ता को यह इकट्ठा होने की ज़रूरत न हो।

मैं लगभग यह काम कर रहा हूं, लेकिन कुछ चंचल है जो मुझे छुटकारा पाने के लिए प्रतीत नहीं हो सकता। मूलतः एक्स्टजेएस मेरे यूआई को प्रतिपादित कर रहा है और फिर तुरंत इसे छुपाता है, इसलिए इसमें फीका हो सकता है

यहां मेरा ऐप है:

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 से पहले प्रारंभिक ड्रा से छुटकारा पाने के लिए मैं क्या कर सकता हूँ?





extjs4.1