how can i give link to text in grid column

[vijaypatil12]

i want to give link to some column text, and my text is comming from json file.

[raj_plays]

In your ColumnModel

{header: "Link", width: 50, dataIndex: 'col1',
renderer: function(value, metaData, record, rowIndex, colIndex, store){
     return '<a href = "link.aspx">' + value + '</a>';
}
}

[Condor]

Normally you don't want to navigate to a new page, so I recommend:

{header: "Link", width: 50, dataIndex: 'col1', renderer: function(val, meta, rec) {
  meta.css += 'x-link';
  return val;
}}

with:

.x-link {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

and

grid.on('cellclick', function(grid, row, col, e){
  var field = grid.getColumnModel().getDataIndex(col);
  if (field == 'col1') {
    var record = grid.getStore().getAt(row);
    // do stuff
  }
});

[vijaypatil12]

Thank you very much

[vijaypatil12]

i also need to add tooltip to that link in the grid cell, how can i add tooltip, please help

[Condor]

{header: "Link", width: 50, dataIndex: 'col1', renderer: function(val, meta, rec) {
  meta.css += 'x-link';
  meta.attr += 'ext:qtip="' + Ext.util.Format.htmlEncode('Tip: ' + rec.get('otherField')) + '"';
  return val;
}}

and on the first line of your Ext.onReady call:

Ext.QuickTips.init();