jQuery Grid Plugin - jqGrid

Thanks, i was able to resolve this. Yes, i wanted a link within grid column data. On click of this link, second tab should open.

Just in case others have the same requirement, this is how i did it,

 1. Add a custom Link format to the column data which should be a Link so that we add an ID into the anchor

 2. Make use of onCellSelect to handle the cell select event.

      2.1 Check if the cell clicked is the linkable column

      2.2 If so, bind anchor (using ID) to click event and handle it (invoke the second tab)

<script type="text/javascript">

// JQGrid

jQuery("#list2").jqGrid({

$(document).ready(function() {

.......

colModel: [

{name:........}, // Normal Column

{name:'object_name',index:'object_name', width:205, sorttype:'text', edittype:'select', formatter:linkFmatter},

// Custom link formater to add ID into anchor tag

......

onCellSelect: function (rowid,iCol,cellcontent,e) {

var cm = jQuery("#list2").jqGrid('getGridParam','colModel');

if (cm) {

var colName = cm[iCol].name;

if(colName == 'object_name') {

var changeTab = function(ev){  

ev.preventDefault();

var tabIndex = this.hash.charAt(this.hash.length-1) -1;

$tabs.tabs('select', tabIndex);

return false;

}

$('#linkclass').bind('click', changeTab);

$('#linkclass').click();

}

}

}

...

}

</script>

<script type="text/javascript">

function linkFmatter(cellvalue, options, rowObject) {

return "<a href='#fragment-2' id='linkclass'><B>"+cellvalue+"</B></a>";

}

</script>