View Data

Beschrijving

Deze eigenschap biedt de mogelijkheid om zelf te bepalen hoe een bepaald element in het formulier eruit moet zien door deze zelf hier als html uit te schrijven.

Onderstaand voorbeeld bouwt een html tabel op, op basis van een custom instance die is geladen via de model data eigenschap van dezelfde Custom XForms control.

Voorbeeld

<table class="table table-striped table-bordered table-sm" xmlns="http://www.w3.org/1999/xhtml">
<thead class="thead-dark">
<tr>
<th scope="col">Type Abonnement</th>
<th scope="col">Normaal tarief p.p.</th>
<th scope="col">Voorverkoop p.p.</th>
</tr>
</thead>
<tbody xf:repeat-nodeset="instance('tarieven')/row" xmlns:xf="http://www.w3.org/2002/xforms">
<tr>
<th scope="row">
<xf:output ref="abonnement" />
</th>
<td class="tableDescription">€ <xf:output value="exf:string-format('{0:0.00}', normaaltarief)" /></td>
<td class="tableDescription">€ <xf:output value="exf:string-format('{0:0.00}', voorverkooptarief)" /></td>
</tr>
</tbody>
</table>

Control