51.1.5
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.

Klasse Notwendige Komponenten / Unterelemente
TreeTable Stellt den TreeTable dar, beinhaltet die Einträge.
TableRow Stellt eine Tabellenzeile dar.
TableCell Stellt eine Tabellenzelle bzw. einen Baumknoten dar.
TableHeader Stellt die Zeile mit den Überschriften dar.
TableHeaderCell Stellt eine Überschrift dar.
Expander:TreeNodeExpander Stellt 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 51.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 51.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 51.25:  TreeTable CWR-Konfiguration