Mini Widgets
Pagination
1.1.2
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"
})
})