使用 ASP VB.Net 在数据表上添加指向数据行结果的链接答案

【问题标题】：Add Links to data rows result on Datatables using ASP VB.Net使用 ASP VB.Net 在数据表上添加指向数据行结果的链接
【发布时间】：2015-06-17 09:56:47
【问题描述】：

我正在为我的 ASP 项目使用 DataTables，我希望第一列包含链接。这是我的代码：

$.ajax({
    data: JSON.stringify(CardCode),
    dataType: "json",
    url: "/WebServices/Invoice/BusinessPartner.asmx/GetJsonPrevTrans",
    type: "POST",
    contentType: "application/json; charset=utf-8",
    success: 
    function (ef1) {
        console.log(CardCode);
        console.log(JSON.parse(ef1.d))
        console.log(ef1)
        $("#bpPrevJSONTrans").val(ef1.d).trigger('change');
        var parsed = JSON.parse(ef1.d);
            var bpPrevDt = $('#bpPrevTransData').DataTable({
                retrieve: true,
                responsive: true,
                "bJQueryUI": true,
                "bProcessing" : true,
                "aaData": parsed,
                "aoColumns": [
                  { "sTitle": "Test", "mData": "test" },
                  { "sTitle" : "Document Number","mData": "DocNum" },
                  { "sTitle" : "Description", "mData": "Dscription" },
                  { "sTitle": "Amount", "mData": "DocTotal", "sType": "numeric" }
                ]
            });  
    }
});

谢谢！

【问题讨论】：

"我想让第一列包含链接" - 什么链接，以及这些链接的基础是什么？
嗨大卫，我只是重做代码，而不是在行数据上放置链接，我只是让整行可点击以使用 fnRowCallBack 函数执行我的功能。谢谢！

标签： javascript asp.net json vb.net datatables

【解决方案1】：

如果您需要测试包含一个链接，则将 aoColumns 数组第一个元素更改为下面的行，

{ "sTitle": "Test", 
  "mData": "test", 
  "fnRender":function(obj, type){
      return "<a href='Your link goes here' >Click here</a>";
  }
}

【讨论】：

【解决方案2】：

我没有在行详细信息中放置链接按钮来执行编辑等功能，而是使用了数据表的 fnRowCallBack 函数。见以下代码：

"fnRowCallback": function (nRow, aData, iDisplayIndex) {

                // Bind click event
                $(nRow).click(function () {
                    $('#viewInvoiceEntry').modal('show');
                    //Append Information on Modal:
                    $('#viewInvRefNum').val(aData.DocNum).attr("readonly", "readonly");
                    $('#viewInvDesc').val(aData.Dscription).attr("readonly", "readonly");
                    $('#viewInvAmnt').val(aData.DocTotal).attr("readonly", "readonly");
                    $('#viewInvDocDate').val(aData.DocDate).attr("readonly", "readonly");
                    $('#viewInvSrvc').val(aData.ItemName).attr("readonly", "readonly");
                    $('#viewInvCompGrp').val(aData.GroupName).attr("readonly", "readonly");
                    $('#viewInvCompName').val(aData.CompName).attr("readonly", "readonly");
                    $('#viewInvRemarks').val(aData.Comments).attr("readonly", "readonly");
                    //alert('You clicked on ' + aData.DocNum + '\'s row');

                });

                return nRow;
            }

【讨论】：