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

时间:2013-05-20 08:00:55

标签: jquery jquery-datatables tabletools

如何在JQuery Data表的“打印预览”页面中添加后退按钮?

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

我怎样才能实现这个目标?

1 个答案:

答案 0 :(得分:1)

TableTools中有一个'private'方法可以帮助调用_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);
    });
});