2列しかないJQgridがあります..以下で試したコードを貼り付けています..
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);
}
}
サイト名とその詳細を JQgrid に表示します。クリックすると、Site_Name がハイパーリンクになり、それぞれの URL にリダイレクトされます。どうすればそれを達成できますか。さらに、グリッド データを追加しています。動的に..だから、Site_Name 列データのそれぞれの URL をどこに与える必要があり、どのようにそれをリンクすることができますか..
助けてください..