Issue on loading image

Discontinued products Uncategorized discussions
#1

I am using new version of DHTMLx (Professional edition);

Loading image is working fine. but problem is,I have 2 toggle window top of the gridview.when I open this window,loading image is shown on opened window(its shown as fixed). that means its not moving down with grid. can u help me to solve this issue.

grid event

…

gr.attachEvent(“onXLS”,function(){

//some other code

         gridOnLoadingBegin();

        });

gr.attachEvent(“onXLE”,function() {

//some other code

    gridOnLoadingEnd();

    });



function

…



    this.gridOnLoadingBegin =function() {

     gb=document.getElementById(‘gridArea’);

var newdiv = document.createElement(‘div’);

newdiv.setAttribute(‘id’,“gridLoading”);

     newdiv.innerHTML = ’
Loading contentssss…’;

     gb.appendChild(newdiv);

     var divValue = document.getElementById(‘gridLoading’);

     setLoadingPosition(divValue);

     }

    

gridOnLoadingBegin =this.gridOnLoadingBegin;

    this.gridOnLoadingEnd=function() {

     var gb = document.getElementById(‘gridArea’);

var olddiv = document.getElementById(“gridLoading”);

gb.removeChild(olddiv);

    }

    gridOnLoadingEnd= this.gridOnLoadingEnd;













function setLoadingPosition(newDiv){

    var topvalue = gr.entBox.offsetTop + gr.entBox.offsetHeight/2;

    var leftValue = gr.entBox.offsetLeft + gr.entBox.offsetWidth/2;

    if(newDiv){

         newDiv.style.top=topvalue+‘px’;

        newDiv.style.left=leftValue+‘px’;

        }

    }



css



…



#gridArea #gridLoading{border:1px solid #ccc; width:160px; height:40px;cursor: progress; background-color: white; position:absolute !important; filter:alpha(opacity=70);z-index:2000;filter:alpha(opacity=70);z-index:2001; text-align:center;}

#gridArea #gridLoading div{ }







jsp

…

//here i have a div for toggle window





<div style=“width: 100%; height: 100%;” id=“gridArea”

            style=“background-color:white;border:2px solid red”>







Issue :Loading image is showing fine. but problem is div position is not moving if toggle window opend.

#2

You code looks correct. You can find example of using showing message while grid is loading at your dhtmlxGrid package dhtmlxGrid\samples\loading_big_datasets\pro_srnd_static_cm.html

#3

Thanks