Manual
 

TopTable of contentsPrevious Chapter: 49.1.4 'CustomWebResolver' – TreeNext Page: 49.1.6 'CustomWebResolver' – ListsNext Chapter: 49.1.6 'CustomWebResolver' – ListsChapter Overview: 49.1 Improving component recognition with a CustomWebResolverPDF versionQF-Test
Version 7.0.5
'CustomWebResolver' – TreeTable

Tree tables are a combination of table and tree. For them, you map TreeTable the same way you would a normal table. Additionally, you need to map the open/close buttons of the tree nodes. TreeNode components are not needed for TreeTable.

QF-Test assumes that the tree components are located in the first table column. You can adjust this behavior with the parameter "treetableResolver" of the procedure qfs.web.ajax.updateCustomWebResolverProperties from the standard library qfs.qft.

ClassRequired components and sub-items
TreeTableRepresents the TreeTable component, contains all rows and cells.
TableRowRepresents a table row and tree node.
TableCellRepresents a table cell.
TableHeaderRepresents a row of the table headers.
TableHeaderCellRepresents a header cell.
Expander:TreeNodeExpanderRepresents the toggling component used to open and close the tree node.
 Optional sub-items
Spacer:TreeNodeSpacer(Optional) Represents the spacing object used to create the indentation of the tree node.
CheckBox:TreeNodeCheckBox(Optional) Represents a CheckBox of a tree node.
Icon:TreeNodeIcon(Optional) Represents an Icon in a tree node.
Table 49.3:  Mapping of TreeTables

Example:

A TreeTable could look like this in HTML code: 

<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>
Example 49.17:  HTML TreeTable

The matching configuration of the Install CustomWebResolver node could look like this: 

genericClasses:
- TreeTable: treetable
- TableRow: <TR>
- TableCell: <TD>
- TableHeader: <THEAD>
- TableHeaderCell: <TH>
- Expander:TreeNodeExpander: treetoggler
Example 49.18:  TreeTable CWR configuration
TopTable of contentsPrevious Chapter: 49.1.4 'CustomWebResolver' – TreeNext Page: 49.1.6 'CustomWebResolver' – ListsNext Chapter: 49.1.6 'CustomWebResolver' – ListsChapter Overview: 49.1 Improving component recognition with a CustomWebResolverPDF versionLast update: 9/19/2023
Copyright © 1999-2023 Quality First Software GmbH

We use "Matomo" cookies to anonymously evaluate your visit to our website. For this we need your consent, which is valid for twelve months. A revocation, so-called opt-out, is possible at any time on our privacy page.

accept
configuration
Cookie configuration

1. Functional cookies

We use functional cookies to ensure the basic functionality of the website.

2. Performance and statistic cookies

We use Matomo for analyzing and optimizing our website. Cookies permit an anonymous collection of information that help us offering you a clear and user-friendly visit of our web pages.

Confirm selection

Cookie details