I have the following code. When someone scrolls BoxDataGrid function scrolled() is called. I want in red code put something in order to take how many pixels are scrolled right:

 

BoxDataGrid Box{children =[SearchGridArray_ui ], class = "box_data_grid", onScroll ::= scrolled};

 

function scrolled(event Event in)
        pixels int=event.getPixelsScrolledRight();
        if(pixels>0)
            checkAll.visible=false;
        else
            checkAll.visible=true;
        end
    end

 

Hi,

maybe you could do it like this:

http://stackoverflow.com/questions/4081064/how-to-get-the-num-of-pixels-a-user-has-scrolled-down-the-page

with the Window Object..

http://www.w3schools.com/jsref/obj_window.asp

 

Kind regards!

This is jquery code. I prefer to put it in the handler.

However, I had tried to put it in External Type put didn't work. Here is my code:

 

MainHandler.egl

BoxDataGrid Box{children =[SearchGridArray_ui ], class = "box_data_grid", onScroll ::= scrolled};

..........

function scrolled(event Event in)

      scrolled ScrollLeft{};

      scrolled.hideCheckAll();

end

 

-------------------------------------------------------------------------------------------------------------------------

ScrollLeft.js:

egl.defineClass('JavaScript', 'ScrollLeft',{

      "hideCheckAll" : function (){

            var currentLeft=$(.box_data_grid).scrollLeft();

            if(currentLeft>0){

                  alert(currentLeft);

                  $("#check_all").addClass("hide");

            }

      }

}

);

----------------------------------------------------------------------------------------

ScrollLeft.egl:

package pgms;

ExternalType ScrollLeft type JavaScriptObject {

relativePath = "JavaScript",javaScriptName = "ScrollLeft"} 

function hideCheckAll();

End

--------------------------------------------------------------------

I find it. Here id my code:

 

MainHandler.egl

BoxDataGrid Box{children =[SearchGridArray_ui
            ], class = "box_data_grid", onScroll ::= scrolled};

................

function scrolled(event Event in)
        scrolled ScrollLeft{};
        pixels int= scrolled.getPixels();
        if(pixels>10)
            checkAll.visible=false;
        else
            checkAll.visible=true;
        end
    end

---------------------------------------------------------------------------------------

ScrollLeft.egl:

package pgms;

ExternalType ScrollLeft type JavaScriptObject {
relativePath = "JavaScript",javaScriptName = "ScrollLeft"}

function getPixels() returns(int);
end

-----------------------------------------------------------------------------------------

ScrollLeft.js

egl.
defineClass('JavaScript','ScrollLeft',
{        
    "getPixels" : function (){        
        var    currentLeft = $(".box_data_grid").scrollLeft();
        return currentLeft;
    }
}
);

-----------------------------------------------------------------------------------

Thanks @Marcel-D 185ef4e2-58bb-459d-b414-d02f00ff390d for your reply.