jquery - colmodel - ¿Cómo se proporciona un hipervínculo a los datos de una columna en JQgrid y se navega a la URL respectiva en función de los datos en los que se hace clic?

jqgrid order column

Question

Tengo una JQgrid que contiene solo 2 columnas. Estoy pegando mi código que he probado a continuación.

var UserArr = new Array();
function Grid()
{
$("#users_grid").jqGrid({
colNames: [''Site_Name'', ''Details''],
colModel: [{ name: ''Site_Name'', index: ''Site_Name'', width: 130,editable: false, sortable: false,formatter: ''showlink'', formatoptions: { baseLinkUrl: ''url of respective site i have clicked''}},
{ name: ''Details'', index: ''Details'', width: 400, editable: false, sortable: false }],
width: 400,
height: ''auto'',
multiselect: true
});
var postJSONData = JSON.stringify({ ''parentitem'': parent,''childitem'':child });
$.ajax({
type: ''POST'',
data: postJSONData,
url: ''ManageAssetService.asmx/DisplayGridData'',
dataType: ''json'',
async: false,
contentType: ''application/json; charset=utf-8'',
success: function success(response) {
UserArr = response.d;
},
error: function failure(response) {
alert(response.message);
alert(''failed to fetch user details'');
}
});
var mydata;
for (var i = 0; i <5; i++) {
mydata = {};
mydata.Url= UserArr[i].Url;
mydata.Details= UserArr[i].Details;
$("#users_grid").jqGrid(''addRowData'', ''GridData_Row_'' + (i + 1), mydata);
}
}

Voy a mostrar el nombre del sitio y algunos detalles sobre eso en el JQgrid. Ahora el Site_Name será un hipervínculo cuando haga clic en que debería redireccionar a la url respectiva ... ¿Cómo podría lograr eso ... Además estoy agregando los datos de la grilla dinámicamente ... ¿dónde debería dar la url respectiva para los datos de la columna Site_Name y cómo podría vincularlo con eso ...

Por favor ayuda..

Answer 1

Tengo mi solución así ...

La columna JQgrid shold se define así:

colNames: [''Site_Name'', ''Details''],
colModel: [{ name: ''Site_Name'', index: ''Site_Name'', width: 130,editable: false, sortable: false,formatter: ''showlink'', formatoptions: { baseLinkUrl: ''javascript:'', showAction: "Link(''", addParam: "'');"} },
{ name: ''Details'', index: ''Details'', width: 400, editable: false, sortable: false }],

La función de Javascript:

function Link(id) {
var row = id.split("=");
var row_ID = row[1];
var sitename= $("#users_grid").getCell(row_ID, ''Site_Name'');
var url = "http://"+sitename; // sitename will be like google.com or yahoo.com
window.open(url);
}

Eso es..