Im neuesten MVC4+ EasyUi Web Development -Framework habe ich ein Modul für die Verarbeitung von Online -Shopping -Waybill -Verarbeitung integriert, das den Betrieb verschiedener Module wie Kundenbestellhandbuch, Waybill -Fusion, Ankunftsscanning, Abzug, Lagerhaus und Abfrage integriert. Es beinhaltet einige Waybill -Sets. Da Lodop jedoch zuvor nicht mit Chrom und anderen Browsern kompatibel war, wollte ich einmal den Druckprozess dieser Kontrolle aufgeben. Sie haben jedoch rechtzeitig die "Cloud-Drucksteuerung C-Lodop" gestartet und ist fast vollständig mit der vorherigen Schnittstelle kompatibel. Daher wird diese Kontrolle weiterhin im Rahmen für die damit verbundene Druckverarbeitung verwendet, einschließlich herkömmlicher Druck- und Waybill -Informationssätze.
1. Installation von Steuerungen
Dieser Cloud-Steuerelement C-Lodop (http://www.lodop.net/) ist tatsächlich lokal installiert und der ansässige Service bietet JS-Dienste an. Die Schnittstelle nach der Installation wird nach Beginn des Programms wie folgt gestartet.
Diese Art der Bereitstellung von JS-Diensten über den Server ist viel besser als Plug-in-Methoden. Nach dem Testen des Chrombrowsers können Sie reibungslos drucken. Die ursprüngliche Lodop-Plug-in-Methode ist unvereinbar.
Durch ihren eigenen JS-Initialisierungscode können wir verstehen, dass die Steuerung derzeit eine Nicht-Plugin-Methode verwendet, um Druckvorgänge zu verarbeiten.
// andere Computerbrowser über lokal ausdrucken lassen (zutreffendes Beispiel): var script = document.createelement ("script"); script.src = "/clodoophcs.js";var head = document.head || document.getElementsByTagName ("Kopf") [0] || document.documentElement; head.insertbefore (script, head.Firstchild); // Lassen Sie den nativen Browser drucken (mehr bevorzugt): script = document.createlement ("script"); script.src = "http: // localhost: 8000/clodopfuncs.js? document.getElementsByTagName ("Kopf") [0] || document.documentElement; head.insertbefore (script, head.Firstchild); // Native Port 8001 nach dem Nativbrowser (dieser Ansatz kann Fehler verursachen): script = document.createelement ("script"; document.getElementsByTagName ("Kopf") [0] || document.documentElement; head.insertbefore (script, head.Firstchild);Das offizielle Beispiel enthält die Datei lodopfuncs.js, um eine Druckregelung zu erstellen, wobei die GetLodop -Funktion in der Datei lodopfuncs.js definiert ist, um das Drucksteuerungsobjekt zu erhalten.
Überprüfen Sie, ob die Cloud -Print -Steuerung installiert ist. Der JS -Code für die Überprüfung, ob die Cloud -Drucksteuerung installiert ist, lautet wie folgt.
<script Language = "javaScript" type = "text/javaScript"> Funktion checkiSInstall () {try {var lodop = getLodop (); if (lodop.version) {if (lodop.cversion) alert ("Derzeit ist C-Lodop-Cloud-Druck verfügbar!/N c-Lodop-Version:"+lodop.cversion+"(inklusive Lodop"+lodop.version+")"); ElSealert ("Lodop Control wurde in dieser Maschine erfolgreich installiert!/n Versionsnummer:"+lodop.version); };} catch (err) {}}; </script>2. Verwendung der Clow-Drucksteuerung C-Lodop
Diese Kontrolle steht im Einklang mit der Verwendung des ursprünglichen Lodops. Sie können die neueste Druckmethode direkt verwenden, ohne den ursprünglichen Code zu ändern. Es ist sehr gut. In Bezug auf die Verwendung dieser Kontrolle habe ich bereits viele verwandte Nutzungsprozesse eingeführt.
In WinForm, beispielsweise ein Fall der Verwendung von Webseitenpaketen, um Dokumente zu erstellen, "Zusammenfassung mehrerer Methoden zur Erzeugung von Inhalten basierend auf der Netzheit".
Neben der "Implementierung von Webdrucklösungen für Dokumenteneinstellungen" auf der Webseite und "normaler Berichtsdruck von Webdrucklösungen für den Webdruck" wird die Verwendung und der Betrieb von Steuerelementen sehr detailliert eingeführt.
Diese Steuerung bietet eine Vielzahl von detaillierten Fällen (http://www.lodop.net/demo.html), die in Bezug auf Referenz verwendet werden können.
Wie bereits erwähnt, habe ich diese Kontrolle weiterhin verwendet, um die Verarbeitung von Online -Einkaufsrechnungen im Framework zu verarbeiten. Zum Beispiel müssen wir solche Schnittstelleninhalte wie diese anwenden.
Wir haben den Inhalt der Seite wie unten gezeigt entwickelt.
Für entworfene Inhalte können wir sie in JS -Code in der Seite umwandeln, wie unten gezeigt.
<script src = "/content/jQuerytools/lodop/checkactivx.js"> </script> <script type = "text/javaScript"> var lodop; // als globale Variablenfunktion voran eine Vorschau () {// Print Preview Lodop = getLodop (); lodop.print_inita (-1, -1, 824, 1129, "Way Bill Set"); CreateLicensedata (); ""); Lodop.set_print_pageSize (1, 0, 0, "a4"); set "); createLicensedata (); lodop.print_setup ();}; function design () {// Print Design lodop = getLodop (); lodop.print_inita (-1, -1, 824, 1129," Waybox set "; {if (printid! = undefined && printid! Oder Lodop.add_print_barcode (78, 441, 262, 56, "128c", infenyundanhao); info.shou_com); lodop.set_print_stylea (0, "fontsize", 12); info.shou_dizhi); lodop.set_print_stylea (0, "fontsize", 12); info.jianshu); lodop.set_print_stylea (0, "fontsize", 12); info.zhongliang); lodop.set_print_stylea (0, "fontsize", 12); 65, info.fa_dizhi); lodop.set_print_stylea (0, "fontsize", 12); 26, info.pinming); lodop.set_print_stylea (0, "fontsize", 12); info.fa_gongsi); lodop.set_print_stylea (0, "fontsize", 12); 234, 25, info.fa_phone); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (1024, 35, 228, 25, info.pinming); 39, info.shou_com); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (802, 285, 287, 39, info.shou_com); 28, info.shou_name); lodop.set_print_stylea (0, "fontsize", 12); 281, 26, info.shou_phone); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (1021, 317, 59, 29, info.jianshu); 95, 30, info.zhongliang); lodop.set_print_stylea (0, "fontSize", 12);});}} // Print Preview var printid; function printDetail () {var row = $ ("#Griddetail"). Datayagrid ("getSelected") {var index = {var index = $('#gridDetail').datagrid('getRowIndex', row);printID = row.ID;Preview();}else {$.messager.alert("Tip", "Please select a record");}}//Batch Print function BatchPrint() {//Get IDvar rows = $("#gridDetail").datagrid("getSelections");if (Zeilen.Length> = 1) {// Bestätigen Sie dann, dass die Informationen zum Senden der asynchronen Anforderung an den Hintergrund gesendet werden, um die Daten zu löschen. getlodop (); lodop.print_init (""); lodop.set_print_pageSize (1, 0, 0, "a4"); printid = Zeilen [i] .Id; Createlicensedata (); lodop.print ();}}); Stapel ");}} // Wartungsfunktion PrintSetUp () {var row = $ ("#Griddetail "). DataGrid (" getSelected "); if (row) {var index = $ ('#GridDetail'). DataGrid ('getRowindex', row); printid = row. id;In dieser Druckschnittstelle wird auch der QR -Code -Druckvorgang verwendet, der mit der Barcode -Waffe wie folgt sehr bequem zu lesen ist:
Lodop.add_print_barcode (78, 441, 262, 56, "128c", infenyundanhao);
Stellen Sie dann die Schaltfläche Druckenbetriebsfunktion zur Verarbeitung auf der Hauptseite ein. Das Folgende ist unser EasyUi-basierter Web Framework-Schnittstelleneffekt.
Die Print -Vorschauerschnittstelle ist unten angezeigt. Wenn wir tatsächlich drucken, können wir das Hintergrundbild nicht drucken.
Wenn es regelmäßig gedruckt ist, liegt ihre Schnittstelle sehr nahe am Inhalt der Seite, die wir sehen, wie unten gezeigt.
Der Referenzcode ist unten angezeigt.
@*Unterstützung für Lodop Control hinzufügen*@<script type = "text/javaScript"> var lodop; // als globale Variablenfunktion voran einbeziehen () {// Original Print CreateLicensedata (); lodop.set_show_mode ("preview_in_browse", 1); lodop.preview (); CreateLicensedata (); lodop.print_setUp ();}; function design () {// Original Druckdesign createLicensedata (); lodop.print_design (); type = 'text/css' rel = 'styleSheet' href = '/content/the themes/default/style.css'/> <style> <!-Tabelle {Border: 1; Background-Color: #cbcbcc} td {Hintergrund-Color: #ffffe; Border: 1; Hintergrundfarbe:#F1F1F3; Padding-Links: 5px; Rand: 1}-> </style> "; strformhtml); lodop.preview ();} function Saveas () {var id = $ ('#id2'). val (); window.open ('/Information/exportwordbyid? id =' + id);} </script>