我在一列中有3个图标的数据表
var datatableVariable = $('#projects-progress').DataTable({
data: data,
columns: [
{ 'data': 'project_name' },
{
mRender: function (o) { return '<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>'; }
},
] )};
我希望当用户点击视图时,打开所选行的详细信息页面。所以,我认为我需要在某处传递一些数据并打开详细信息的新页面。我怎样才能做到这一点?感谢
我试试这个
{
'data': 'project_number',
"render": function (data, type, full, meta) {
return '<a href="project_details.aspx?id="+data class="btn btn-primary btn-xs"> <i class="fa fa-folder"></i> View </a > <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a> <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>';
}
},
'<a href="project_details.aspx?id=' + data + '" class="btn btn-primary btn-xs"> <i class="fa fa-folder"></i> View </a > <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a> <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>';
这是一个语法错误。
答案 0 :(得分:0)
您可以使用DELETE FROM Cart WHERE CustomerID = <the cust id>
函数中的meta.row
获取当前render
,然后将其传递给row ID
。之后,使用function
获取行数据,并将该数据传递给查询字符串。像这样:
table.row(number).data()
或您可以直接使用//declare a variable to store reference to datatable object
var table;
table = $("selector").DataTable({
//... your other configuration here
columns: [
{
"render": function(row, type, data, meta) {
return '<i class="fa fa-pencil" onclick="navigate(' + meta.row + ')"></i>';
}
}
]
});
//this function is outside the datatables initialization block
function navigate(rowId) {
//get row data here using row id
var rowData = table.row(rowId).data();
//for example we want to redirect to details page with user name and age
window.location.href = "project_details.aspx?name=rowData.username";
}
:
anchor button
columns: [
{
"render": function(row, type, data, meta) {
return '<a href="project_details.aspx?id=' + meta.row + '"></a>';
}
}
]
会为您提供数据表的内部行ID(从零开始) meta.row
会为您提供您的数据对象。您可以使用此功能获取所需的任何属性,例如data
答案 1 :(得分:0)
你的解决方案就在这里......
'<a href="project_details.aspx?id=' + data + '" class="btn btn-primary btn-xs"> <i class="fa fa-folder"></i> View </a > <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a> <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>';