今天在項目中碰到要將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 將行的字變成超連接