将列数据设置为超链接(dataTable JQUERY)

将列数据设置为超链接(dataTable JQUERY),jquery,datatables,datatables-1.10,Jquery,Datatables,Datatables 1.10,我正在尝试使用datatable将列作为超链接,但没有成功 函数successCallback(responseObj){ } 我需要weblink来显示链接并成为该列中的超链接,以便用户可以单击并重定向到其他页面。我调查了一下,但由于链接上的信息较少,我无法成功地做到这一点 我也对此进行了研究,但没有太大帮助。$(“#示例”)。dataTable({ $('#example').dataTable( { "columnDefs": [ { "targets": 0,

我正在尝试使用datatable将列作为超链接,但没有成功

函数successCallback(responseObj){

}

我需要weblink来显示链接并成为该列中的超链接,以便用户可以单击并重定向到其他页面。我调查了一下,但由于链接上的信息较少,我无法成功地做到这一点

我也对此进行了研究,但没有太大帮助。

$(“#示例”)。dataTable({
    $('#example').dataTable( {
  "columnDefs": [ {
    "targets": 0,
    "data": "download_link",
    "render": function ( data, type, full, meta ) {
      return '<a href="'+data+'">Download</a>';
    }
  } ]
} );
“columnDefs”:[{ “目标”:0, “数据”:“下载链接”, “呈现”:函数(数据、类型、完整、元){ 返回“”; } } ] } );
从。这对我来说非常清楚和直截了当,你不明白的具体是什么?你看到了什么错误

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

$(“#示例”)。数据表({
“columnDefs”:[{
“目标”:0,
“数据”:“下载链接”,
“呈现”:函数(数据、类型、完整、元){
返回“”;
}
} ]
} );
从。这对我来说非常清楚和直截了当,你不明白的具体是什么?你看到了什么错误

有关更完整的示例,请参见使用API方法动态生成单元格内容

$('#示例')。数据表({
“数据”:响应北京,
“栏目”:[
{“数据”:“信息”},
{ 
“数据”:“网络链接”,
“呈现”:函数(数据、类型、行、元){
如果(类型==‘显示’){
数据='';
}
返回数据;
}
} 
]
});
有关代码和演示,请参阅。

使用API方法动态生成单元格内容

$('#示例')。数据表({
“数据”:响应北京,
“栏目”:[
{“数据”:“信息”},
{ 
“数据”:“网络链接”,
“呈现”:函数(数据、类型、行、元){
如果(类型==‘显示’){
数据='';
}
返回数据;
}
} 
]
});

有关代码和演示,请参阅。

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

$('#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;
         }
      } 
   ]
});
$('#示例')。数据表({
“数据”:响应北京,
“栏目”:[
{“数据”:“信息”},
{ 
“数据”:“网络链接”,
“呈现”:函数(数据、类型、行、元){
如果(类型==‘显示’){
数据='';
}
返回数据;
}
} 
]
});

我刚刚更改了渲染功能<代码>数据仅指当前列数据,而
对象指整行数据。因此,我们可以使用它来获取该行的任何其他数据。

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

$('#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;
         }
      } 
   ]
});
$('#示例')。数据表({
“数据”:响应北京,
“栏目”:[
{“数据”:“信息”},
{ 
“数据”:“网络链接”,
“呈现”:函数(数据、类型、行、元){
如果(类型==‘显示’){
数据='';
}
返回数据;
}
} 
]
});

我刚刚更改了渲染功能<代码>数据仅指当前列数据,而
对象指整行数据。因此,我们可以使用它来获取该行的任何其他数据。

如果我还想使第一列(A1-A4)可单击,并使用相同的链接,该怎么办?当我希望多个列可以单击,但对
href
使用相同的源时,我遇到了一个问题。希望它有意义。@Trm,您可以定义相同的
列。为其余列呈现
函数,而不是
数据
使用
行['weblink']
。或者您可以使用
columnDefs.render
并定义一次
render
函数,然后使用
columnDefs.targets
选项将所有需要的列作为目标。我尝试使用
columnsDefs
,可能我遗漏了一些内容,但问题是为每个列呈现了不同的数据@正如我前面所说的,Trm使用
full['name']
而不是
data
。如果我没有来自对象的数据怎么办?如果我只是使用PHP循环,并希望在循环数据周围使用锚定标记,会怎么样?如果我还希望使第一列(A1-A4)可以使用相同的链接进行单击,会怎么样?当我希望多个列可以单击,但对
href
使用相同的源时,我遇到了一个问题。希望它有意义。@Trm,您可以定义相同的
列。为其余列呈现
函数,而不是
数据
使用
行['weblink']
。或者您可以使用
columnDefs.render
并定义一次
render
函数,然后使用
columnDefs.targets
选项将所有需要的列作为目标。我尝试使用
columnsDefs
,可能我遗漏了一些内容,但问题是为每个列呈现了不同的数据@正如我前面所说的,Trm使用
full['name']
而不是
data
。如果我没有来自对象的数据怎么办?如果我只是使用PHP循环并希望在循环数据周围使用锚定标记,会怎么样?如果我有
“目标”:[0,1]
,它们都将使用第一列(目标0)的数据,您知道是否有解决方法吗?请参阅我回答中的文档链接。第三个参数是行数据(不确定为什么在我的示例中我将变量称为“full”),但它是一个包含来自行的所有数据的数组上帝保佑你。文档代码示例也显示“full”,这就是为什么我想你会调用它。我使用了
full.column\u name
来获取数据。我已经多次阅读文档,但措辞从未让我觉得它返回了整行数据。你知道如果我有
“targets”[0,1]
,它们都会使用第一列(target 0)的数据吗?请参阅我的答案中的文档链接。第三个参数是行数据(不确定为什么在我的示例中我调用了变量“full”,但它是一个包含所有数据fro的数组