Die Schnittstellensteuerung DevExtreme PivotGrid bietet ein neues HTML-Codierungserlebnis!

Obwohl DevExtreme gerade erst Version 23.1 veröffentlicht hat, werden wir heute weiterhin einige wichtige Funktionen im Zusammenhang mit der DevExtreme PivotGrid-Komponente (Perspektivraster) zusammenfassen, die im vorherigen großen Update (Version 22.2) veröffentlicht wurde.

DevExtreme verfügt über eine Sammlung leistungsstarker HTML5-/JavaScript-Widgets, mit denen Sie moderne Webentwicklungs-Stacks (einschließlich React, Angular, ASP.NET Core, jQuery, Knockout usw.) nutzen können, um interaktive Webanwendungen zu erstellen. Von Angular und React bis hin zu ASP.NET Core oder Vue umfasst DevExtreme eine umfassende Sammlung leistungsstarker und reaktionsfähiger UI-Widgets für den Einsatz in traditionellen Web- und mobilen Anwendungen der nächsten Generation. Die Suite verfügt über ein voll funktionsfähiges Datenraster, interaktive Diagramm-Widgets, einen Dateneditor und mehr.

Download der offiziellen Version von DevExtreme v23.1 (Q technischer Austausch: 523159565)

Feldauswahl – Codiertes HTML

Manchmal kann es für Benutzer erforderlich sein, benutzerdefiniertes HTML-Markup in Field Chooser-Elementen zu rendern (z. B. um Werte als Links anzuzeigen). In DevExtreme v22.2 können Sie konfigurieren, wie das Parse-HTML-Markup im Header-Filter der PivotGridFieldChooser-Komponente analysiert wird Die Funktion wird durch die neue boolesche Eigenschaft encodeHtml  implementiert . Diese Eigenschaft ist standardmäßig aktiviert (um potenzielle Sicherheitslücken wie XSS-Angriffe zu verhindern) und im deaktivierten Zustand werden alle Markups in Markups konvertiert. Wenn Sie dieses Attribut deaktivieren, stellen Sie sicher, dass der HTML-Inhalt sicher ist.

Der folgende Codeausschnitt demonstriert die Verwendung dieser Eigenschaft:

<dx-pivot-grid-field-chooser ...
[encodeHtml]=“true”
>
</dx-pivot-grid-field-chooser>

Titel des Bedienfelds „Felder exportieren“.

Mit DevExtreme  v22.2 können Sie PivotGrid-Daten (Perspektivraster) und Feldfeldtitel nach Excel exportieren. Für diese Kombination waren zuvor Problemumgehungen erforderlich. In v22.2 können Sie Attribute in der exportPivotGrid-Methode verwenden, um auszuwählen, welche Feld-Panel-Header exportiert werden sollen.

Der folgende Codeausschnitt demonstriert die Verwendung dieser Eigenschaften:

await exportPivotGrid({
// ...
exportDataFieldHeaders: true,
exportRowFieldHeaders: true,
exportColumnFieldHeaders: true,
exportFilterFieldHeaders: true,
})