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