Handbuch
 

TopInhaltsverzeichnisVorheriges Kapitel: 50.1.4 'CustomWebResolver' – Baum (Tree)Nächste Seite: 50.1.6 'CustomWebResolver' – ListeNächstes Kapitel: 50.1.6 'CustomWebResolver' – ListeKapitel-Übersicht: 50.1 Verbesserte Komponentenerkennung mittels CustomWebResolverPDF VersionQF-Test
Version 8.0.1
'CustomWebResolver' – TreeTable

TreeTables (Baumtabellen) sind eine Kombination aus Tabelle und Baum. Dafür mappen Sie TreeTable analog zu einer normalen Tabelle. Zusätzlich müssen Sie die "Baumknoten Öffnen" bzw. "Schließen"-Buttons zuweisen.

QF-Test geht davon aus, dass die erste Spalte der Tabelle die Baum-Komponenten enthält. Sie können dieses Verhalten über die Konfigurationskategorie treetableResolver im 'CustomWebResolver installieren' anpassen.

Falls QF-Test im Baum die Einrückungsebenen nicht richtig erkennt oder Probleme beim Öffnen eines Knotens hat, können Sie die Konfigurationskategorie treeResolver im 'CustomWebResolver installieren' entsprechend parametrisieren. Alternativ können Sie Das TreeIndentationResolver Interface zur Konfiguration der Einrückungserkennung verwenden.

KlasseNotwendige Komponenten / Unterelemente
TreeTableStellt den TreeTable dar, beinhaltet die Einträge.
TableRowStellt eine Tabellenzeile dar.
TableCellStellt eine Tabellenzelle bzw. einen Baumknoten dar.
TableHeaderStellt die Zeile mit den Überschriften dar.
TableHeaderCellStellt eine Überschrift dar.
Expander:TreeNodeExpanderStellt den Baumknoten Öffnen bzw. Schließen Button dar.
 Optionale Unterelemente
TreeNode(Optional) Repräsentiert einen Baumknoten, muss innerhalb einer TableCell liegen.
Spacer:TreeNodeSpacer(Optional) Wird verwendet um die Einrückung auf die richtige Ebene zu bewerkstelligen.
CheckBox:TreeNodeCheckBox(Optional) Stellt eine CheckBox unter einem Baumknoten dar.
Icon:TreeNodeIcon(Optional) Stellt ein Icon unter einem Baumknoten dar.
Tabelle 50.3:  Mapping von TreeTables

Beispiel:

Ein TreeTable könnte im HTML-Code etwa so aussehen: 

<table id="DetailsTreeTable" class="treetable">
  <thead>
    <tr>
      <th>Information</th>
      <th>Details</th>
    </tr>
  </thead>
  <tbody>
    <tr class="treenode odd>
      <td>
        <span class="treetoggler"></span>
        <span>Item 1</span>
      </td>
      <td>Lorem ipsum</td>
    </tr>
    <tr class="treenode odd>
      <td>
        <span class=treenodespacer">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
        <span>Item 1.1</span>
      </td>
      <td>Dolor sit amet</td>
    </tr>
  </tbody>
</table>
Beispiel 50.24:  HTML TreeTable

Die zugehörige Konfiguration des CustomWebResolver installieren Knotens könnte folgendermaßen aussehen: 

genericClasses:
- TreeTable: treetable
- TableRow: <TR>
- TableCell: <TD>
- TableHeader: <THEAD>
- TableHeaderCell: <TH>
- Expander:TreeNodeExpander: treetoggler
Beispiel 50.25:  TreeTable CWR-Konfiguration
TopInhaltsverzeichnisVorheriges Kapitel: 50.1.4 'CustomWebResolver' – Baum (Tree)Nächste Seite: 50.1.6 'CustomWebResolver' – ListeNächstes Kapitel: 50.1.6 'CustomWebResolver' – ListeKapitel-Übersicht: 50.1 Verbesserte Komponentenerkennung mittels CustomWebResolverPDF VersionLetzte Änderung: 10.9.2024
Copyright © 1999-2024 Quality First Software GmbH

Wir verwenden Cookies zur anonymisierten Auswertung Ihres Besuchs auf unserer Webseite durch »Matomo«. Dafür benötigen wir Ihr Einverständnis, welches für zwölf Monate gilt. Ein Widerruf bzw. Opt-out ist jederzeit auf unser Datenschutz-Seite möglich.

AKZEPTIEREN
KONFIGURIEREN
ABLEHNEN
Cookie-Konfiguration

1. Funktionale Cookies

Wir verwenden funktionale Cookies, um die Basisfunktionalität der Webseite zu gewährleisten.

2. Performance und Statistik Cookies

Wir verwenden Matomo zur Analyse und Optimierung unserer Webseite. Cookies erlauben eine anonyme Erfassung der Informationen und helfen uns, Ihnen einen benutzerfreundlichen Besuch unserer Webseite zu bieten.

Auswahl speichern

Cookie details