使列数据作为超链接(dataTable JQUERY)

2021/01/03 04:51 · jquery ·  · 0评论

我试图使列作为具有数据表的超链接,但没有成功。

函数successCallback(responseObj){

  $(document).ready(function() {
         $('#example').dataTable( {
        "data":responseObj ,
        "bDestroy": true,
        "deferRender": true ,
        "columns": [
                    { "data": "infomation" },
                    { "data": "weblink" },
                ]
  } );

  } );

}

我需要Web链接来显示链接,并在该列中成为超链接,以便用户可以单击并重定向到另一个页面。我研究了渲染,但是链接上的信息较少,因此无法成功实现。

我也研究了这个示例,但是它并没有很大帮助。

使用columns.renderAPI方法动态生成单元格的内容。

$('#example').dataTable({
   "data": responseObj,
   "columns": [
      { "data": "information" }, 
      { 
         "data": "weblink",
         "render": function(data, type, row, meta){
            if(type === 'display'){
                data = '<a href="' + data + '">' + data + '</a>';
            }

            return data;
         }
      } 
   ]
});

有关代码和演示,请参见此示例

如果您要基于其他列数据添加链接,则可以使用以下方法。

$('#example').dataTable({
   "data": responseObj,
   "columns": [
      { "data": "information" }, 
      { 
         "data": "weblink",
         "render": function(data, type, row, meta){
            if(type === 'display'){
                data = '<a href="' + row.myid + '">' + data + '</a>';
            }
            return data;
         }
      } 
   ]
});

我刚刚更改了render函数data仅指当前列数据,而row对象指整个数据行。因此,我们可以使用它来获取该行的任何其他数据。

    $('#example').dataTable( {
  "columnDefs": [ {
    "targets": 0,
    "data": "download_link",
    "render": function ( data, type, full, meta ) {
      return '<a href="'+data+'">Download</a>';
    }
  } ]
} );

文档中对我来说很清楚直接,您不明白的是什么?您看到什么错误?

有关更完整的示例,请参见此处

本文地址:http://jquery.askforanswer.com/shilieshujuzuoweichaolianjiedatatable-jquery.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!