JS implementiert teilweise Auswahldruck- und teilweise Nichtauswahldruck-Javascript-Fähigkeiten

Wählen Sie den Inhalt, der auf einer Seite gedruckt werden soll, entsprechend den Anforderungen des Projekts aus.

Wickeln Sie das Objekt, das Sie drucken möchten, in eine DIV-Ebene. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

<!-- Benachrichtigung der Übertragung von Petitionsangelegenheiten SingleStart --> <div style="width: 600px; margin:0 auto;"> (Mitteilungsnummer: ${zjxfItemUser.claimedNo })</div> /span></div> ;
${zjxfItemUser.userName }: (Name des Antragstellers)<br/> , diese Agentur (oder Einheit) Die von Ihnen (oder Ihnen) eingereichte Petition ${zjxfItemUser.subject} wurde in Übereinstimmung mit dem Gesetz angenommen.
Die Petitionsangelegenheit fällt in den Zuständigkeitsbereich von XXX der „Petitionsordnung“ hat diese Agentur bereits Die relevanten Materialien werden am XX zur Bearbeitung an XXX weitergeleitet, bitte kontaktieren Sie ihn rechtzeitig. <br/>
Hiermit informieren wir Sie. <br /> ;/ div&gt
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span>< /div>
</div>
<!-- Mitteilung über die Übertragung von Briefen und Besuchen --> in der Mitte erforderlich, auch in einer DIV-Ebene enthalten. Nutzen Sie CSS-Stile. Verweisen Sie einfach auf class="noprint" in der Ebene, die nicht gedruckt werden muss




Kopieren Sie den Code


Der Code lautet wie folgt:

<style type="text/css" media="print">
.noprint{visibility: none;}

</style> > JS-Code: Hinweis: Der Stil geht verloren, wenn Sie sich zum Drucken entscheiden. Sie müssen Ihren Ausdruck vor dem Drucken hinzufügen.

Code kopieren


Der Code lautet wie folgt:

$(function(){

$("#print").click(function(){

var html = window.document.body.innerHTML; exportCSS("itemVrbjForm",html); }); //Stile in ausgewählten Druck importieren

function exportCSS(formName,htmlInfo){

var CSS = "<link href="" baseURL "/zjxf /common /css/common.css" type="text/css" rel="stylesheet" /> "
"<link href="" baseURL "/zjxf/common/css/table.css" Typ =" text/css" rel="stylesheet" /> "
"<link href="" baseURL "/zjxf/common/css/form.css" type="text/css" rel="stylesheet " / >"
"<link href="" baseURL "/zjxf/common/css/tab.css" type="text/css" rel="stylesheet" />"&lt ;link href="" baseURL "/zjxf/common/css/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html(); }

});


Auf diese Weise kann sowohl ein teilweiser Auswahldruck als auch ein teilweiser Nichtauswahldruck erreicht werden