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