1. #1
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    18
    Answers
    1
    Vote Rating
    0
    siggi is on a distinguished road

      0  

    Default Unanswered: Ext.LoadMask showing only in FF

    Unanswered: Ext.LoadMask showing only in FF


    Hello, everyone,

    I am using an Ext.LoadMask with Ext JS 4.1.1.

    It displays fine in FF (16), but does not show in Chrome and IE.

    I am calling the LoadMask using code like this:

    Code:
    var activetab=this.getTopTabbar().getActiveTab();
    var aggrid=Ext.ComponentQuery.query('agsuchegrid',activetab)[0];
    var myMask = new Ext.LoadMask(aggrid, {
                msg:"Bitte warten, Daten werden geladen"
            });
            myMask.show();
    
    //do stuff and things
    
    myMask.hide();
    I am just a beginner developing with ExtJS, so I assume the problem is on my side

    What am I doing wrong?

    Edit: TheLoadMask also shows in Opera

  2. #2
    Sencha User Arg0n's Avatar
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Answers
    12
    Vote Rating
    16
    Arg0n will become famous soon enough Arg0n will become famous soon enough

      0  

    Default


    Ext.LoadMask is debrecated =D

    Use: component.getEl().mask(); and component.getEl().unmask(); instead

  3. #3
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    18
    Answers
    1
    Vote Rating
    0
    siggi is on a distinguished road

      0  

    Default


    Thanks for your answer.

    Unfortunately, your suggestion brought no change. Still showing only in FF and Opera. :<

    Is it possible that this happens because of the version I am using (ExtJS 4.1.1 - i.e. the eval version)?

  4. #4
    Sencha User Arg0n's Avatar
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Answers
    12
    Vote Rating
    16
    Arg0n will become famous soon enough Arg0n will become famous soon enough

      0  

    Default


    I'm using ExtJs 4.1.1a and loading masks are also shown in Chrome... so I dont think it's because of the version.

    Could you show some more code? ^^

  5. #5
    Sencha Premium Member
    Join Date
    Nov 2012
    Posts
    18
    Answers
    1
    Vote Rating
    0
    siggi is on a distinguished road

      0  

    Default


    NO WAI! :P

    Code:
    onTreeSelect : function(view, record, item, index, e, eOpts){
            var data=record.data;
            
            if(data.leaf==true){
                var intId=data.id.replace(/tree_item_/,'')
                var tabbar=this.getTopTabbar();            
                var activetab=tabbar.getActiveTab()
                activetab.getEl().mask('test');          
                
                this.getMessagePanel().update('<p class="details-info">Nachrichten für Modul <b>'+data.text+'</b></p>')
                    if(intId=='ag_verwaltung'){
                        this.getController('AgSuche')
                        activetab.setTitle(data.text)
                        activetab.removeAll();
                        activetab.add({
                            border:false,
                            items:[{
                                xtype:'agsuche'
                            }],
                            listeners:{
                                close: function() {
                                    this.removeAll(true);
                                    Ext.getStore('Agencies').removeAll();
                                    if(typeof(Ext.getStore('CRSItems'))!='undefined')
                                        Ext.getStore('CRSItems').removeAll();
                                    if(typeof(Ext.getStore('BankData'))!='undefined')
                                        Ext.getStore('BankData').removeAll();
                                    if(typeof(Ext.getStore('Employees'))!='undefined')
                                        Ext.getStore('Employees').removeAll();
                                    if(typeof(Ext.getStore('Provisions'))!='undefined')
                                        Ext.getStore('Provisions').removeAll();
                                }
                            }
                        
                        }).show();
                    }
                    else if(intId=='stammdaten_verpflegungsarten'){
                        this.getController('Stammdaten.Verpflegungsarten')
                        activetab.setTitle(data.text)
                        activetab.removeAll();
                        activetab.add({
                            border:false,
                            items:[{
                                xtype:'stammdaten_verpflegungsarten'
                            }]}).show();
                    }
                    
                    else{
                        activetab.removeAll();
                        activetab.setTitle(data.text)
                        activetab.add({
                            closable: true,
                            border:false,
                            title: data.text,
                            html:'<h1>'+data.text+'</h1>'+"<hr>To be implemented"
                        }).show(); 
                    }
                
                activetab.doLayout();
                activetab.getEl().unmask();
            }else{
                if(record.isExpanded()){
                    this.getModuleTree().collapseNode(record);
                }else{
                    this.getModuleTree().expandNode(record);
                }
            }
        },
    onTreeSelect is called when a tree item is selected and basically fills the "content area" (=right side) of the active tab (see picture)

    screen1.jpg

  6. #6
    Sencha User Arg0n's Avatar
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    122
    Answers
    12
    Vote Rating
    16
    Arg0n will become famous soon enough Arg0n will become famous soon enough

      0  

    Default


    Phew... that's a "unlösbares Rätsel" I would say... I really dunno... you would have to debug ExtJs :x

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi