jquery - 如何在打印预览页面中添加后退按钮-Jquery Datatable

Question

如何在 JQuery 数据表的打印预览页面中添加后退按钮？

默认情况下，表格工具使用转义键导航到原始页面。相反，我需要在预览页面中有一个后退按钮，以便通过单击它，它将导航到上一页。后退按钮应该具有与当前退出按钮相同的功能。

我怎样才能做到这一点？

Answer 1

TableTools 中有一个“私有”方法，在这里调用_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);
    });
});