我想在我的数据表上显示弹出窗口, 在我的数据表上每个单元格包含一个href和我想要的是在点击该href时我想显示数据库中的一些数据。我正在使用带有jade的nodejs。
这是我的数据表代码,
script.
var report;
$(document).ready(function () {
var col = [
{data: 'client_name'},
{
render: function (data, type, full, meta) {
return '<b>Code:</b>'+'<a class="popover-success popover-scale" id="t_branch" data-toggle="popover" data-content="test content" data-placement="top" data-original-title="Success" >' + full.branch_code +'</a>';
}
},
{
render: function (data, type, full, meta) {
return '<b>Serial: </b>'+'<a id="t_router" href = "#" >' + full.router_serial + '</a>';
}
},
{
render: function (data, type, full, meta) {
return '<b>Serial: </b>'+'<a id="t_data_card" href = "#" >' + full.data_card_serial + '</a>';
}
},
{
render: function (data, type, full, meta) {
return '<b>Sim No: </b>'+'<a id="t_sim" href = "#" >' + full.sim_number + '</a>';
}
},
{
render: function (data, type, full, meta) {
return'<b>Serial: </b>'+'<a id="t_idu" href = "#" >' + full.idu_serial + '</a>';
}
},
{
render: function (data, type, full, meta) {
return '<b>Serial: </b>'+'<a id="t_modem" href = "#" >' + full.modem_serial + '</a>';
}
},
{data: "installed_date"},
{data: "ip_address"},
{
defaultContent: "", render: function () {
return "<a id='download' >Download Report</a>";
}
},
{data: "notes"}
];
//ArrayCreation
var ddata = !{JSON.stringify(dispatched_data)};
//alert(JSON.stringify(ddata));
var dataset = [];
for (var k in ddata) {
dataset.push({
"client_name": ddata[k].client_name,
"branch_code": ddata[k].branch_name,
"router_serial": ddata[k].router_serial,
"data_card_serial": ddata[k].data_card_serial,
"sim_number": ddata[k].sim_number,
"modem_serial": ddata[k].modem_serial,
"idu_serial": ddata[k].idu_serial,
"installed_date": ddata[k].installation_date,
"ip_address": ddata[k].ip_address,
"ir_report": ddata[k].ir_report,
"notes": ddata[k].notes
});
}
//alert(JSON.stringify(dataset));
//alert('After: '+JSON.stringify(dataset));
var thistable = $('#example').DataTable({
deferRender: true,
scrollX: true,
scrollY: true,
scrollCollapse: true,
scroller: true,
paging: true,
info: false,
data: dataset,
columns: col,
dom: 'lfrtip',
order: [[1, "asc"]]
});
我尝试了很多..但无法想出任何东西..我是网络开发的新手。