Przejdź do głównej zawartości
Wersja: 2024 R1

Tworzenie szablonów HTML i PDF

Szablon

Plik szablonu musi być poprawnie zbudowanym plikiem w formacie .html. Dodatkowo plik może zawierać obsługiwane zmienne.

Przykład

Przykładowy plik szablonu jest domyślnie dołączany do obiegu („Szablon HTML”), a jego zawartość jest następująca:

<!DOCTYPE html>
<html>
<head id="Head1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Drukowanie Reklamacji</title>
</head>

<body>
<form id="form1">
<table border="1" width="760" style="border-color: gray;" cellpadding="4px" cellspacing="0px">
<tr>
<td colspan="4">
Nagłówek
</td>
</tr>
<tr>
<td colspan="2">
Informacje podstawowe.
</td>
<td colspan="2">
Informacje dodatkowe.
</td>
</tr>
<tr>
<td></td>
<td></td>
<td>
{BARCODE1D}
</td>
<td>
{BARCODE2D}
</td>
</tr>
<tr>
<td>
Numer dokumentu:
</td>
<td>
{WFD_ID}
</td>
<td colspan="2" rowspan="4"
</tr>
<tr>
<td>
Sygnatura:
</td>
<td>
{SIGNATURE}
</td>
</tr>
<tr>
<td>
Autor:
</td>
<td>
{I:WFD_CreatedBy}
</td>
</tr>
<tr>
<td>
Osoba przypisana:
</td>
<td>
{I:ASSIGNEDPERSONFULL}
</td>
</tr>
</table>
</form>
</body>
</html>

W celu dodania kodów kreskowych należy w wybranym miejscu źródła umieścić tagi {BARCODE2D} lub {BARCODE1D}.

Przygotowany plik należy dodać jako szablon do Procesu szablonów dokumentów.

Tagi

Tworząc szablon wydruku HTML istnieje możliwość stosowania standardowych tagów oraz tagów do wyświetlania zawartości Listy pozycji oraz Tabeli danych.

Poniżej omówiono obsługę wartości pól z tabeli „WFElementsDetails” powiązanych z elementem.

Przykład

Przykładowa konfiguracja wyświetlania elementów w szablonie HTML:

<table>
{SUBELEMHEADERTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}
<tr>
<td>LP</td>
<td>MPK</td>
<td>Netto</td>
<td>Zaakceptował</td>
</tr>
{/SUBELEMHEADERTEMPLATE} {SUBELEMROWTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}
<tr>
<td>{DET_LP}</td>
<td>{DET_Att1}</td>
<td>{DET_Value1}</td>
<td>{DET_Att4}</td>
</tr>
{/SUBELEMROWTEMPLATE} {SUBELEMFOOTERTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}
<tr>
<td></td>
<td>Suma: {DET_Value1}</td>
<td></td>
</tr>
{/SUBELEMFOOTERTEMPLATE}
</table>

Dobrą praktyką jest umieszczanie konfiguracji w całości wewnątrz tabeli HTML.

W przypadku zdefiniowanego powyżej przykładowego szablonu:

  • utworzony zostanie nagłówek {SUBELEMHEADERTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f},
  • dla wszystkich elementów utworzone zostaną kolumny: „DET_Att1”, „DET_Value1”, „DET_Att4” {SUBELEMROWTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f},
  • możliwe jest użycie nazw „L:DET_Value1”, „L:DET_Att4”, dzięki czemu formatowanie nazw będzie odpowiadać ustawieniom języka przeglądarki użytkownika,
  • utworzony zostanie wiersz podsumowania, w którym dla kolumn typu Liczba zmiennoprzecinkowa może być wpisana suma – w przykładzie „DET_Value1” {SUBELEMFOOTERTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}.

Numer GUID „816129ca-3fc5-4894-9b48-ee396592389f” to identyfikator atrybutu (tabela „WFConfigurations”) definiującego Listę pozycji lub Tabelę danych.

informacja

Szczegółowe informacje na temat stosowanie identyfikatora GUID w szablonach HTML dostępne są w ARTYKULE na naszym blogu technicznym.

Stosowanie nagłówka („HEADER”) i stopki („FOOTER”) jest opcjonalne.
Całość tekstu zawartego między {SUBELEMROWTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f} a {/SUBELEMROWTEMPLATE} zostanie powtórzona tyle razy, ile dostępnych jest elementów na Liście pozycji z tagami {DET_…} zamienionymi na wartości z kolumn tabeli („WFElementDetails”).

W analogiczny sposób obsługiwane są wartości pól atrybutu Tabela danych:

Przykład
<table>
{SQLGRIDHEADERTEMPLATE:6ba0813f-eebf-498a-a950-81db55177794}
<tr>
<td>{Opis}</td>
<td>{miasto}</td>
<td>Komentarz</td>
</tr>
{/SQLGRIDHEADERTEMPLATE} {SQLGRIDROWTEMPLATE:6ba0813f-eebf-498a-a950-81db55177794}
<tr>
<td>{Opis}</td>
<td>{miasto}</td>
<td>Tekst</td>
</tr>
{/SQLGRIDROWTEMPLATE} {SQLGRIDFOOTERTEMPLATE:6ba0813f-eebf-498a-a950-81db55177794}
<tr>
<td></td>
<td>Suma</td>
<td></td>
</tr>
{/SQLGRIDFOOTERTEMPLATE}
</table>

Przykłady wydruków

Niniejsza sekcja zawiera przykładowe zawartości szablonów HTML dla Listy pozycji i Tabeli danych wraz z wygenerowanymi na ich podstawie tabelami.

Wydruk dla Listy pozycji

Lista pozycji, dla której tworzony jest szablon HTML:

Lista pozycji

Przykładowy szablon HTML dla powyższej Listy pozycji:

<table>
{SUBELEMHEADERTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}
<tr>
<td>ID</td>
<td>Nazwa</td>
<td>Ilość</td>
<td>Cena</td>
<td>Zamówiony przez</td>
<td>Opis</td>
<td>Koszt łącznie</td>
</tr>
{/SUBELEMHEADERTEMPLATE} {SUBELEMROWTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}
<tr>
<td>{DET_ID}</td>
<td>{DET_Att1}</td>
<td>{DET_Value2}</td>
<td>{DET_Value1}</td>
<td>{DET_Att2}</td>
<td>{DET_LongText1}</td>
<td>{DET_Value3}</td>
</tr>
{/SUBELEMROWTEMPLATE} {SUBELEMFOOTERTEMPLATE:816129ca-3fc5-4894-9b48-ee396592389f}
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>Suma: {DET_Value3}</td>
</tr>
{/SUBELEMFOOTERTEMPLATE}
</table>

Oznaczenie „816129ca-3fc5-4894-9b48-ee396592389f” umieszczone we frazach {SUBELEMHEADERTEMPLATE:}, {SUBELEMROWTEMPLATE:} i {SUBELEMFOOTERTEMPLATE:} to identyfikator GUID Listy pozycji.

Dla powyższego szablonu (umieszczonego w bloku body) wygenerowana zostania następująca tabela:

Lista pozycji wynikowa

Wydruk dla Tabeli danych

Tabela danych, dla której tworzony jest szablon HTML:

Tabela danych

Przykładowy szablon HTML dla powyższej Tabeli danych:

<table>
{SQLGRIDHEADERTEMPLATE:6ba0813f-eebf-498a-a950-81db55177794}
<tr>
<td>Nazwa</td>
<td>Ilość</td>
<td>Cena</td>
<td>Zamówiony przez</td>
<td>Opis</td>
</tr>
{/SQLGRIDHEADERTEMPLATE} {SQLGRIDROWTEMPLATE:6ba0813f-eebf-498a-a950-81db55177794}
<tr>
<td>{ProductName}</td>
<td>{ProductCount}</td>
<td>{ProductPrice}</td>
<td>{OrderedBy}</td>
<td>{ProductDescription}</td>
</tr>
{/SQLGRIDROWTEMPLATE} {SQLGRIDFOOTERTEMPLATE:6ba0813f-eebf-498a-a950-81db55177794}
<tr>
<td></td>
<td></td>
<td>Suma: {ProductPrice}</td>
<td></td>
<td></td>
</tr>
{/SQLGRIDFOOTERTEMPLATE}
</table>

Oznaczenie „6ba0813f-eebf-498a-a950-81db55177794” umieszczone we frazach {/SQLGRIDHEADERTEMPLATE:}, {/SQLGRIDROWTEMPLATE:} i {/SQLGRIDROWTEMPLATE:} to identyfikator GUID Tabeli danych.

Dla powyższego szablonu (umieszczonego w bloku body) wygenerowana zostania następująca tabela:

Tabela danych wynikowa