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.
Unfortunately, activation email could not send to your email. Please try again.

How to prevent recordClick event firing on recordDoubleClick?

Any HTML Element bound with the click event and double click will trigger the double click event followed by the click event while double clicking that element. This is the default behavior of any HTML Element. This has also been applicable to the Grid’s recordClick and recordDoubleClick event handlers.

However, we can overcome this behavior by capturing the recordClick event in certain time delay or prevent the recordClick event from proceeding its functionality. This KB demonstrates this by using the recordClick and recordDoubleClick events.

HTML:

 

JavaScript:

 

Razor:

 

Controller:

 

WebForms:

 

 

.Net Core

 

 

Initiate the required flag variables (clickTimer and preventClick) in the Load event of the Grid. In the RecordClick event, define setTimeout which will delay capture of click event in mentioned delay. In the meantime, RecordDoubleClick (only on double clicking the record) will be triggered which will enable the preventClick variable to prevent the RecordClick event from doings its functionality.

 

Angular2:

 

TypeScript:

 

Figure 1. Single Click captured in Grid.

 

Figure 2. Double Click captured in Grid.

Article ID: Published Date: Last Revised Date: Platform: Control:
9221 08/28/2018 08/28/2018 JavaScript ejGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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.