Handbuch
 

TopInhaltsverzeichnisVorheriges Kapitel: 49.1.3 'CustomWebResolver' – TabelleNächste Seite: 49.1.5 'CustomWebResolver' – TreeTableNächstes Kapitel: 49.1.5 'CustomWebResolver' – TreeTableKapitel-Übersicht: 49.1 Verbesserte Komponentenerkennung mittels CustomWebResolverPDF VersionQF-Test
Version 7.1.3
'CustomWebResolver' – Baum (Tree)

Für das Mappen von Bäumen ist es notwendig sowohl die Hauptkomponente selbst, also diejenige, die alle Einträge enthält, wie auch die einzelnen Baumknoten zu mappen. Zusätzlich müssen Sie auch den Baumknoten Öffnen bzw. Schließen-Button mappen.

KlasseNotwendige Komponenten / Unterelemente
TreeStellt den Baum dar, beinhaltet die Einträge.
TreeNodeStellt einen Baumknoten dar.
Expander:TreeNodeExpanderStellt den Baumknoten Öffnen bzw. Schließen Button dar.
 Optionale Unterelemente
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 49.2:  Mapping von Bäumen

Beispiel:

Im Demo "CarConfigurator Web" befindet sich ein Baum. Um diesen zu öffnen gehen Sie über das Menü »Einstellungen«-»Sondermodelle...«, wählen ein Modell und klicken dann auf den Button "Details". Sie finden die dazugehörige Testsuite unter qftest-7.1.3/demo/carconfigWeb/carconfigWeb_de.qft

Wenn Sie sich die aufgenommenen CSS-Klassen in QF-Test ansehen oder die Seite mit dem Abschnitt 5.12.2 analysieren werden Sie folgende HTML-Struktur finden (etwas vereinfacht und gekürzt): 

<table id="DetailsTree" class="tree">
  <tbody>
    <tr class="treenode even">
      <td>Information</td>
      <td></td>
    </tr>
    <tr class="treenode odd>
      <td>
        <span>
          <span class=treenodespacer">&nbsp;&nbsp;</span>
          <span class="treetoggler">
            <img src="include/collapse.png" onclick="javascript: ..."></img>
          </span>
          <span>Zubehör</span>
        </span>
      </td>
    </tr>
    <tr class="treenode odd>
      <td>
        <span>
          <span class=treenodespacer">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
          <span>Zentralverriegelung</span>
        </span>
      </td>
    </tr>
  </tbody>
</table>
Beispiel 49.20:  HTML Tree

Wenn Sie dann in der Prozedur startStop.start die letzte Sequenz, CustomWebResolver installieren, ansehen,

WebCarConfig
Abbildung 49.7:  CarConfigurator Web

sind dort unter anderem folgende Zuweisungen für das Mappen des Baums enthalten: 

genericClasses:
- Tree: tree
- TreeNode: treenode
- Expander:TreeNodeExpander: treetoggler
- Spacer:TreeNodeSpacer: treenodespacer
Beispiel 49.21:  HTML Tree
TopInhaltsverzeichnisVorheriges Kapitel: 49.1.3 'CustomWebResolver' – TabelleNächste Seite: 49.1.5 'CustomWebResolver' – TreeTableNächstes Kapitel: 49.1.5 'CustomWebResolver' – TreeTableKapitel-Übersicht: 49.1 Verbesserte Komponentenerkennung mittels CustomWebResolverPDF VersionLetzte Änderung: 23.4.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