Question

I have a jqGrid with one column being a formatted column that renders an anchor tag. The click handler associated with the anchor tag calls preventDefault().

I also have a onCellSelect event handler registered with the grid that does something meaningful when the user clicks anywhere in the column where the anchor tag is rendered.

What I want to do is to show the anchor tag but when clicked it should fire the underlying onCellSelect handler registered with the grid.

However this does not work.

See an example jsFiddle located here

I have a jsFiddle located here that does fire the bubbled event.

Not sure whats going wrong.

Answer 1

To trigger another event when clicking another you can use the trigger function

$('.anchorClass').live('click', function(e){
     e.preventDefault();

     // get the current cell
     var $cell = $(e.target).parent('div');

     $($cell).trigger('onCellSelect');

});

See this fiddle how you can trigger one event from another