如何在JQuery Data表的“打印预览”页面中添加后退按钮?
默认情况下,表工具使用转义键导航到原始页面。相反,我需要预览页面中的后退按钮,以便通过单击它,它将导航到上一页。后退按钮应具有与当前正在执行的转义按钮相同的功能。
我怎样才能实现这个目标?
答案 0 :(得分:1)
TableTools中有一个'private'方法可以帮助调用_fnPrintEnd
,你可以使用它来实现这一目的。您只需添加一些内容即可点击sMessage
,然后将事件绑定到它。
$(document).ready(function () {
var oTable = $('#example').dataTable();
var oTableTools = new TableTools(oTable, {
"aButtons": [{
"sExtends": "print",
"sMessage": '<div class="datatables-print-msg">' +
'<a class="btn close-print" href="#">Close print view</a>' +
'</div>'
}]
});
// Inject the tabletools HTML before the table
oTable.before(oTableTools.dom.container);
// Bind our close function to the button we will prepend
// must use delegate because the button won't exist yet.
$(document).delegate(".datatables-print-msg .close-print", "click", function (e) {
e.preventDefault();
oTableTools._fnPrintEnd(e);
});
});