We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

show alert when the horizontal scroll hit the left side

Thread ID:

Created:

Updated:

Platform:

Replies:

144222 Apr 25,2019 10:27 AM UTC Apr 30,2019 10:51 AM UTC jQuery 3
loading
Tags: ejGrid
Luis Carlos
Asked On April 25, 2019 10:27 AM UTC

Good morning.

I would like to show an alert every time the horizontal scroll hit the left side, as you can see in the below image. Is it possible?



I will be waiting for your reply, thank you in advance.
Regards, Luis Carlos Díaz.

Vignesh Natarajan [Syncfusion]
Replied On April 26, 2019 12:26 PM UTC

Hi Luis, 

Thanks for contacting Syncfusion support. We are happy to assist you. 

Query: I would like to show an alert every time the horizontal scroll hit the left side, as you can see in the below image. Is it possible? 
 
We have achieved your requirement by using thumbEnd and wheelStop event of ejScroller. In that event based on scrollLeft value we have displayed the alert window. 
 Please refer the below code example, 

<script type="text/javascript"> 
        $(function () { 
            $("#Grid").ejGrid({ 
………………………………………… 
                             dataBound:"ondatabound", 
                columns: [ 
                             ……………………… 
               ] 
            }); 
        }); 
               
              function ondatabound(){ 
                  this.getScrollObject().setModel({ 
                             thumbEnd: "scroll", 
                             wheelStop: "scroll" 
                      }) 
        } 
               
              var flag = true; 
               
              function scroll(){ 
                 if(this.model.scrollLeft == 0 && flag){ 
                          alert("Hit"); 
                          flag = false; 
                      } 
                      setTimeout(function () { 
                          flag = true; 
                      },0) 
              } 
 
    </script> 

For your convenience we have prepared a sample which can be referred below   


Please get back to us, if you need further assistance. 

Regards, 
Vignesh Natarajan. 
 


Luis Carlos
Replied On April 29, 2019 11:11 AM UTC

Good evening.


Thank you for your information, it was very useful.

Now, I have another problem, when I click on the vertical blue line between the frozen columns and movable columns, this error appears.


I will be waiting for your reply. Thank you again for your help.
Regards Luis Carlos.

Vignesh Natarajan [Syncfusion]
Replied On April 30, 2019 10:51 AM UTC

Hi Luis,  
 
Thanks for the update.  
 
Query: “Now, I have another problem, when I click on the vertical blue line between the frozen columns and movable columns, this error appears. 
 
From your query  we understand that you are facing issue while clicking the blue border (separator for frozen and movable columns). We have analyzed the shared the screenshot and it is thrown from gantt control. Can you please share the following details to validate the issue further.  
 
  1. Are you facing issue while rendering the both Grid and Gantt control in same page.
  2. Have you used Gantt control in your page.
  3. Share the Grid and Gantt Render code example.
  4. Share the video demonstration for the reported issue along with replication procedure.    
  5. Are you facing the issue after applying the solution provided in previous update.  
 
Requested details will be helpful for us to validate the reported issue at our end. 
 
Regards, 
Vignesh Natarajan. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon