Mini Widgets

Pagination

1.1.2

Widget bestellen

Pagination

Mit der Pagination bringst du Struktur in lange Listen. Unterteile sie in mehrere Seiten, sodass der Inhalt einfacher zu erfassen ist. Die Pagination kannst du beispielsweise in einer Custom Table in den Footer einbinden.

Anwendungscode Simple

let current := this;
let maxEntries := 30;
let currentPage := 'Aktuelle Seite';
let list := select Nachrichten;
let paginatedList := unique(record(Nachrichten,0))[!= 0];
for listItem in slice(list.Nr, maxEntries * (currentPage - 1), maxEntries * currentPage) do
	paginatedList := unique(paginatedList, record(Nachrichten,listItem))
end;
arcCustomPagination({
		uniqueId: Nr,
		editable: true,
		recordId: Nr,
		fieldId: "S1",
		direction: "horizontal",
		title: current.'Aktuelle Seite',
		value: current.'Aktuelle Seite',
		total: ceil(cnt(list) / 30),
		totalPrefix: " von "
})

Anwendungscode Complex

arcCustomPagination({
					uniqueId: Nr,
					editable: true,
					recordId: Nr,
					fieldId: "E2",
					direction: "horizontal",
					title: current.'Aktuelle Seite',
					value: current.'Aktuelle Seite',
					total: ceil(cnt(list) / maxEntries),
					totalPrefix: " von ",
					buttonMinus: arcCustomButton({
							uniqueId: "ButtonMinus" + Nr,
							icon: arcCustomIcon({
									name: "caret-left",
									color: "#555",
									size: 20
								}),
							fontSize: "18px",
							fontColor: "",
							iconColor: "",
							backgroundColor: "transparent",
							borderColor: "transparent"
						}),
					buttonPlus: arcCustomButton({
							uniqueId: "ButtonPlus" + Nr,
							icon: arcCustomIcon({
									name: "caret-right",
									color: "#555",
									size: 20
								}),
							fontSize: "18px",
							fontColor: "",
							iconColor: "",
							backgroundColor: "transparent",
							borderColor: "transparent"
						}),
					buttonFirst: arcCustomButton({
							uniqueId: "ButtonFirst" + Nr,
							icon: arcCustomIcon({
									name: "caret-double-left",
									color: "#555",
									size: 20
								}),
							fontSize: "18px",
							fontColor: "",
							iconColor: "",
							backgroundColor: "transparent",
							borderColor: "transparent"
						}),
					buttonLast: arcCustomButton({
							uniqueId: "ButtonLast" + Nr,
							icon: arcCustomIcon({
									name: "caret-double-right",
									color: "#555",
									size: 20
								}),
							fontSize: "18px",
							fontColor: "",
							iconColor: "",
							backgroundColor: "transparent",
							borderColor: "transparent"
						})
				})