Hi,
We have a iggrid with hyperlink column. The grid is set with editMode: "row" as we want to edit the user name and password field. The hyperlink column is not clickable on single click as the first click selects the row and only on the second click the actual page is redirected to.
Please see the sample code here http://jsfiddle.net/heeo0pxe/2/
We want to able to click the hyperlink column on single click with editMode: "row". Please assist.
Hello Prasath,
Thank you for posting in our community.
What I can suggest for achieving your requirement is handling igGrid`s cellClick event. In this event you could check whether the click was performed on the column with the hyperlink. If this is the case you could call stopPropagation method for this event. Calling this method will prevent the click event from bubbling up the DOM tree, respectively it wont bubble up to enter the cell in edit mode but will open the link directly. For example:
cellClick: function(evt, ui) { if( ui.colKey === "ServiceName") { evt.stopPropagation(); } }
Additionally, I modified your sample to illustrate my suggestion and you could find it at the following link:
http://jsfiddle.net/heeo0pxe/3/
Please let me know if you need any further assistance with this matter.
Thank you Vasya. It worked.
Hello Prastah,
I am glad that you find my suggestion helpful.