大佬教程收集整理的这篇文章主要介绍了jquery – 如何在JQgrid中提供指向列数据的超链接,并根据点击的数据导航到相应的Url?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
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,sortable: false }],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将是一个超链接,它应该重定向到相应的网址.我怎么能实现这个…我还要添加网格数据动态..所以我应该在哪里给出Site_Name列数据的相应网址,以及如何将其链接到..
请帮忙..
JQgrid列的定义如下:
colNames: ['Site_Name',formatoptions: { baseLinkUrl: 'javascript:',showAction: "Link('",addParam: "');"} },
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); }
而已..
以上是大佬教程为你收集整理的jquery – 如何在JQgrid中提供指向列数据的超链接,并根据点击的数据导航到相应的Url?全部内容,希望文章能够帮你解决jquery – 如何在JQgrid中提供指向列数据的超链接,并根据点击的数据导航到相应的Url?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。