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

【问题标题】：How to add Back Button In Print Preview Page-Jquery Datatable如何在打印预览页面中添加后退按钮-Jquery Datatable
【发布时间】：2013-05-20 08:00:55
【问题描述】：

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

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

我怎样才能做到这一点？

【问题讨论】：

标签： jquery jquery-datatables tabletools

【解决方案1】：

TableTools 中有一个“私有”方法，在这里应该会有所帮助，称为_fnPrintEnd，您可以使用它来达到此目的。你只需要添加一些东西来点击sMessage然后绑定一个事件。

Here's a demo

$(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);
    });
});

【讨论】：