인쇄 미리보기 페이지 - Jquery Datatable에서 뒤로 단추를 추가하는 방법

Question

JQuery 데이터 테이블의 인쇄 미리보기 페이지에 뒤로 단추를 추가하려면 어떻게해야합니까?

기본적으로 표 도구는 원본 페이지로 이동하기 위해 이스케이프 키를 사용합니다. 대신 미리보기 페이지에서 뒤로 버튼이 필요하므로 클릭하면 이전 페이지로 이동합니다. 뒤로 버튼은 현재 수행중인 이스케이프 버튼과 동일한 기능을 수행해야합니다.

어떻게하면됩니까?

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