show alert when the horizontal scroll hit the left side

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.

Reply | Reply with quote

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,

$(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

Sample Link: https://jsplayground.syncfusion.com/z2pzlqr3

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

Regards,

Vignesh Natarajan.

Reply | Reply with quote

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.

Reply | Reply with quote

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.

Are you facing issue while rendering the both Grid and Gantt control in same page.
Have you used Gantt control in your page.
Share the Grid and Gantt Render code example.
Share the video demonstration for the reported issue along with replication procedure.
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.

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
144222	Apr 25,2019 10:27 AM UTC	Apr 30,2019 10:51 AM UTC	jQuery	3

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US