So passen Sie DataTables TableTools seitenansicht
Ich bin mit diesem großen jQuery Datatables mit TableTools-Erweiterung und alles funktioniert gut, außer für print-Ding.
Ich habe eine sidebar auf meiner Seite, also wenn ich auf "Drucken", die Seitenleiste ist auf der Druckansicht, die nicht gut ist, so was habe ich zu verbergen ist es, wenn das click-Ereignis der Schaltfläche "Drucken" ausgelöst wird, aber ich weiß nicht, wie die Wiederherstellung der sidebar wieder
Kann ich verwenden .show()
und .hide()
aber ich weiß einfach nicht, wo fangen den Fall, wo jemand die Ausfahrt auf die "Druckansicht" (drücken Sie Esc wird die print-Ansicht aus).
Code unten ist, was ich versucht habe:
$(document).ready(function(){
//initialize datatables
$('#test_table').dataTable( {
"dom": 'T<"clear">lfrtip',
"tableTools": {
"sSwfPath": "/../../../plugins/datatables/extensions/TableTools/swf/copy_csv_xls_pdf.swf"
}
} );
//when they click the custom button that has a class of 'test_print' then trigger the datatables table tools button with a class of 'DTTT_button_print'
$(".test_print").click(function(){
$(".sidebar-toggle").hide(); //hide the sidebar
$(".DTTT_button_print").trigger("click"); //trigger the click event
});
});
Wie fangen Sie die Veranstaltung, bei der print-anzeigen ist deaktiviert (beim drücken von Esc die Druckansicht verlassen), so dass ich zeigen konnte meiner sidebar zurück?
- Kann man die Druckansicht in einem neuen Fenster öffnen (mit alles versteckt, der versteckt werden muß) und halten Sie die original-Seite mit den Seitenleisten? Auf diese Weise müssen Sie nicht haben, zu beobachten, wenn die Druckansicht wird geschlossen, da es sich nicht auf die ursprüngliche Seite.
Du musst angemeldet sein, um einen Kommentar abzugeben.
TableTools-Erweiterung fügt eine spezielle Klasse
DTTT_Print
(Referenz) der<body>
element, siehe dieses Beispiel. So blenden Sie ein element mit der Klassesidebar-toggle
fügen Sie den folgenden Regeln zu Ihrer CSS-Datei.Erste Regel ausblenden
.sidebar-toggle
im TableTools Druckvorschau-Modus. Zweite Regel wird sichergestellt, dass.sidebar-toggle
ist verborgen, wenn die Seite ausgedruckt wird, ohne mit TableTools Druckvorschau-Modus.Sie nicht haben, um anzeigen/ausblenden von Elementen via JavaScript mit
show()
/hide()
-, CSS-Regeln wird sich darum kümmern. JavaScript-code kann wie folgt geändert werden:Verwenden Sie die folgenden zwei Funktionen:
Ihre Print-Funktion bereit.
Mithilfe von Medienabfragen können Sie festlegen, dass bestimmte CSS, dass gelten nur für Drucke, zum Beispiel:
.sidebar-toggle
Recht? Wie zu sein scheint, dass Ihre eigentliche Klasse für die sidebar.$(".sidebar-toggle").hide();
als CSS alles ausblenden/einblenden für Sie.@media print
CSS? Sie sollten Sie am Ende aller Ihrer anderen CSS-Stilen.