码迷,mamicode.com
首页 > 其他好文 > 详细

jqGrid 将行的字变成超连接

时间:2017-10-19 13:59:03      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:value   参数   属性   format   ext   效果   row   set   blog   

今天在项目中碰到要将jqGrid中的行做成超连接,请看代码步骤:

 name: "DataType", index: "DataType", width: 350, align: "left", formatter:
                                      function (cellValue, options, rowdata, action) {
                                          var url = @Url.Action("Main", "Main") + "?WellBoreId=" + rowdata.AppBatch.WellBoreId + "&DataCode=" + rowdata.AppBatch.DataSetCode + "&DataNodeId=" + rowdata.AppBatch.DataNodeId + "&ShowType=Approval" + "&isJumpToWell=1";
                                        return "<a href=‘" + url + "‘>" + cellValue + "</a>";
                                    }

就是给这行加一个formatter属性,然后为这个属性加函数,函数有三个参数,反回的是一个文本,这里的文本我用的是超连接

当然,我在项目中还为这个超连接写了一个样式了,也就是常见连接的点击样式,代码如下:

a:link {
    color:blue;
    text-decoration:underline;
    }
    a:visited {
    color:black;
    text-decoration:none;
    }
    a:hover {
    color:#000000;
    text-decoration:none;
    }

最终效果如下:

技术分享

 

jqGrid 将行的字变成超连接

标签:value   参数   属性   format   ext   效果   row   set   blog   

原文地址:http://www.cnblogs.com/zhengwei-cq/p/7691892.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!