jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在JQgrid中提供指向列数据的超链接,并根据点击的数据导航到相应的Url?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个JQgrid包含只有2列..我粘贴我的代码,我试过下面..

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,请注明来意。