В последней структуре веб -разработки MVC4+ Easyui я интегрировал модуль по обработке Waybill в Интернете, которая объединяет операции различных модулей, таких как руководство по заказу клиентов, слияние Waybill, сканирование прибытия, вычет, склад и запрос. Это включает в себя некоторые наборы вообще. Однако, поскольку Lodop раньше не совместима с Chrome и другими браузерами, я однажды хотел отказаться от процесса печати этого контроля. Тем не менее, они своевременно запустили «Cloud Printing Control C-Lodop», и он почти полностью совместим с предыдущим интерфейсом. Следовательно, этот элемент управления продолжает использоваться в рамках для обработки соответствующей печати, включая обычные наборы информации о печати и полезных условиях.
1. Установка элементов управления
Этот облачный элемент управления C-lodop (http://www.lodop.net/) фактически установлен на месте, а обслуживание Resident предоставляет услуги JS. Интерфейс после установки запускается после того, как программа запускается следующим образом.
Этот способ предоставления услуг JS через сервер намного лучше, чем методы плагина. После тестирования браузера Chrome вы можете печатать плавно. Оригинальный метод плагина Lodop несовместим.
Благодаря их собственному коду инициализации JS мы можем понять, что в настоящее время элемент управления использует метод не плугина для обработки операций печати.
// Пусть другие компьютерные браузеры распечатаны через локальный (применимый пример): var script = document.createElement ("script"); script.src = "/clodopfuncs.js"; Var Head = document.head || document.getElementsbytagname ("head") [0] || document.documentelement; head.insertbefore (script, head.firstchild); // Пусть нативный браузер печатает (более предпочтительнее): script = document.createelement ("script"); script.src = "http: // localhost: 8000/clodopfuncs.js? document.getElementsbytagname ("head") [0] || document.documentelement; head.insertbefore (script, head.firstchild); // порт пост-комплектации нативного браузера 8001 (этот подход может вызвать ошибки и игнорировать его): script = document.createElement ("script"); script.src = "http: // localhost: 8001/clodopfunc. document.getElementsbytagname ("head") [0] || document.documentelement; head.insertbefore (script, head.firstchild);Официальный пример предоставляет файл lodopfuncs.js для создания элемента управления печати, где функция getLodop определена в файле Lodopfuncs.js для получения объекта управления печати.
Проверьте, установлен ли управление облачной печати. Код JS для проверки того, будет ли установлен контроль облачной печати, выглядит следующим образом.
<script language = "javascript" type = "text/javascript"> function checkisinstall () {try {var lodop = getLodop (); if (lodop.version) {if (lodop.cversion) Alert («В настоящее время доступна облачная печать C-lodop!/N C-Lodop версия:"+lodop.cversion+"(включает Lodop"+lodop.version+")"); Elsealert («Управление Lodop было успешно установлено в этой машине!/N Номер версии:«+lodop.version); };} catch (err) {}}; </script>2. Использование управления облачной печати C-Lodop
Этот контроль согласуется с использованием исходного LODOP. Вы можете использовать последний метод печати непосредственно без изменения исходного кода. Это очень хорошо. Что касается использования этого контроля, я уже вводил много связанных процессов использования.
Например, в Winform, случай использования пакетов веб -страниц для создания документов, «краткое изложение нескольких методов генерации контента, основанных на nelocity».
Помимо «реализации решений веб -печати для настройки документов» на веб -странице, и «обычная печать отчетов решений для веб -печати для веб -печати», использование и эксплуатация элементов управления вводятся очень подробно.
Этот элемент управления предоставляет множество подробных случаев (http://www.lodop.net/demo.html), которые можно использовать в ссылке.
Как упоминалось ранее, я продолжал использовать этот элемент управления для обработки обработки счета в Интернете в рамках, например, нам нужно применить контент интерфейса, подобный этому.
Мы разработали содержание страницы, как показано ниже.
Для разработанного контента мы можем преобразовать их в код JS внутри страницы, как показано ниже.
<script src = "/content/jquerytools/lodop/checkactivx.js"> </script> <script type = "text/javascript"> var lodop; // Объявление как глобальная функция переменной Preview () {// print preview lodop = getlodop (); lodop.print_inita (-1, -1, 824, 1129, «Way Bill Set»); CreateLiCensEdata (); lodop.set_preview_window (2, 0, 0, 800, 600, "); 0, "a4"); lodop.preview ();}; function setup () {// print maintenge lodop = getlodop (); lodop.print_inita (-1, -1, 824, 1129, "способ счета счета"); getLodop (); lodop.print_inita (-1, -1, 824, 1129, "waybox set"); createLiCensedAta (); lodop.print_design ();}; функция createLiCensedAta () {if (printId! = undefined && printId! $ .ajaxSettings.async = false; // Сначала сначала пользователь отправляет асинхронный запрос для реализации метода $ .getjson ("/billdetail/findbyid? id =" + printId, funct Template.png '// "); lodop.set_show_mode (" bkimg_in_preview ", true); // Предварительный просмотр содержит фоновый lodop.set_show_mode (" bkimg_print ", true); // Печать содержит фоновый lodop.add_print_barcod info.fenyundanhao); lodop.add_print_barcode (684, 441, 262, 56, "128c", info.fenyundanhao); lodop.add_print_text (186, 287, 277, 39, info.shou_com); lodop.set_print_stylea 12); lodop.add_print_text (236, 378, 186, 28, info.shou_name); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (276, 283, 284, 67, info.shou_dizhi); 12); lodop.add_print_text (362, 306, 254, 30, info.shou_phone); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (404, 319, 51, 30, info.jianshu); lodop.set_print_stylea 12); lodop.add_print_text (404, 319, 51, 30, info.jianshu); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (400, 476, 95, 31, info.zhongliang); lodop.set_print_stylea 12); lodop.add_print_text (187, 33, 227, 39, info.fa_gongsi); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (277, 33, 230, 65, info.fa_dizhi); 12); lodop.add_print_text (364, 37, 227, 25, info.fa_phone); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (410, 37, 226, 26, info.pinming); lodop.set_print_stylea 12); lodop.add_print_text (410, 37, 226, 26, info.pinming); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (803, 34, 234, 39, info.fa_gongsi); 12); lodop.add_print_text (895, 32, 238, 66, info.fa_dizhi); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (979, 33, 234, 25, info.fa_phone); odop.set_print_stylea (0, ". 12); lodop.add_print_text (1024, 35, 228, 25, info.pinming); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (802, 285, 287, 39, info.shou_com); lodop.set_print_stylea 12); lodop.add_print_text (802, 285, 287, 39, info.shou_com); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (849, 373, 198, 28, info.shou_name); sest_print_stilea 12); lodop.add_print_text (894, 285, 287, 67, info.shou_dizhi); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (980, 287, 281, 26, info.shou_phone); ledop.set_print_Styleais (0, ",", ",", ",", ",", ",", ". 12); lodop.add_print_text (1021, 317, 59, 29, info.jianshu); lodop.set_print_stylea (0, "fontsize", 12); lodop.add_print_text (1017, 477, 95, 30, info.zhongliang); );});}} // print var printid; function printdetail () {var row = $ ("#griddetail"). DataGrid ("getSelected"); if (row) {var index = $ ('#griddetail'). DataGrid ('getRowIndex', row); {$ .messager.alert ("tip", ", пожалуйста, выберите запись");}} // функция пакетной печати pactrint () {// get idvar row = $ ("##griddetail"). DataGrid ("GetSelections"); Если (row.length> = 1) {// подтверждает, что информация о отправке. $ .messager.confirm ("Paratch Print Pression", ", вы подтверждаете, что выбранная запись напечатана партиями?", функция (Action) {if (action) {for (var i = 0; i <rous.length; i ++) {lodop = getLodop (); lodop.print_init (""); = row [i] .id; createLiCensEdata (); lodop.print ();}}});} else {$ .messager.alert («Приглашение», «Пожалуйста, выберите данные, которые вы хотите печатать в партиях»);}} // print function printsetup () {var row = $ ("#griddetaile"). {var index = $ ('#griddetail'). DataGrid ('getRowIndex', row); printId = row.id; setup ();}} </script>В этом интерфейсе печати также используется операция печати QR -кода, которая очень удобна для непосредственного считывания с помощью пистолета штрих -кода, следующим образом:
Lodop.add_print_barcode (78, 441, 262, 56, "128c", info.fenyundanhao); lodop.add_print_barcode (684, 441, 262, 56, "128c", info.fenyundanhao);
Затем установите кнопку «Функция операции печати» на главной странице для обработки. Ниже приводится наш эффект интерфейса веб-интерфейса на основе EasyUI.
Интерфейс предварительного просмотра печати показан ниже. При на самом деле мы можем не напечатать фоновое изображение.
Если это обычная печать, то их интерфейс очень близок к содержанию страницы, которую мы видим, как показано ниже.
Справочный код показан ниже.
@*Добавить поддержку управления LODOP*@<script type = "text/javascript"> var lodop; // объявлять как глобальная функция переменной preview () {// оригинал печатной createLiCensedAta (); lodop.set_show_mode ("preview_in_browse", 1); lodop.preview ();}; function printa () {createLiCensedata (); lodop.printa ();}; CreateLiCensEdata (); Lodop.print_Setup ();}; function Design () {// оригинальный дизайн печати CreateLiCensEdata (); lodop.print_design ();}; function createLiCensedata () {lodop = getLodop (); lodop.print_init ("policies and Regulaties"); type = 'text/css' rel = 'styleSheet' href = '/content/themes/default/style.css'/> <style> <!-Таблица {граница: 1; фоновый цвет: #CBCCC} TD {фоновый цвет: #ffffe; Border: 1; background-color:#F1F1F3;padding-left:5px;border:1}--></style>";var strFormHtml = strBodyStyle + "<body>" + document.getElementById("printContent").innerHTML + "</body>";LODOP.ADD_PRINT_HTM(20, 40, 610, 900, strformhtml); lodop.preview ();} function saveas () {var id = $ ('#id2'). val (); window.open ('/information/exportwordbyid? id =' + id);} </script>