Mit dem Element <tabbedPane> lassen sich mehrere Form-UIs in einem Editor als Registerkarten anzeigen. Jede einzelne Registerkarte wird mit dem Element <tab> definiert (siehe tab). Die Registerkarten lassen sich über das Element <loop> auch generisch erstellen (siehe auch loop).
Attributname | Verwendung | Attributwerte | Defaultwert | Beschreibung |
---|---|---|---|---|
readonly | optional | true, false | true = Registerkartenansicht kann nur gelesen werden. false = In Eingabefelder der Registerkartenansicht kann auch geschrieben werden. |
Erlaubte Unterelemente | Anzahl |
---|---|
tab | beliebig |
loop | beliebig |
Statisch erstellte Registerkarten:
Das folgende Beispiel zeigt drei statische Registerkarten.
<form id="tabbedPane" title="tabbed pane">
<tabbedPane>
<tab title="tab 1" >
<table border="2" boColor="0,0,0" columns="3">
<td> <label>Cell 1.1</label> </td>
<td> <label>Cell 1.2</label> </td>
<td> <label>Cell 1.3</label> </td>
<td> <label>Cell 2.1</label> </td>
<td> <label>Cell 2.2</label> </td>
<td> <label>Cell 2.3</label> </td>
</table>
</tab>
<tab title="tab 2">
<table border="2" boColor="255,0,0" columns="3">
<td> <label>Cell 1.1</label> </td>
<td> <label>Cell 1.2</label> </td>
<td> <label>Cell 1.3</label> </td>
<td> <label>Cell 2.1</label> </td>
<td> <label>Cell 2.2</label> </td>
<td> <label>Cell 2.3</label> </td>
</table>
</tab>
<tab title="tab 3">
<table border="2" boColor="0,255,0" columns="3">
<td> <label>Cell 1.1</label> </td>
<td> <label>Cell 1.2</label> </td>
<td> <label>Cell 1.3</label> </td>
<td> <label>Cell 2.1</label> </td>
<td> <label>Cell 2.2</label> </td>
<td> <label>Cell 2.3</label> </td>
</table>
</tab>
</tabbedPane>
</form>
Mit Hilfe einer Schleife erstellte Registerkarten:
Das folgende Beispiel zeigt Registerkarten, die mit einer Schleife generisch erzeugt werden.
<form id="loopedTabbedPane" title="looped tabbed pane">
<tabbedPane>
<loop receiver="=mos('Documentation_UI_Configuration.ProjectLibrary.HelpObjects.Station')" variable="x">
<tab title="=x.name">
<table border="2" boColor="0,255,0" columns="3">
<td> <label>Cell 1.1</label> </td>
<td> <label>Cell 1.2</label> </td>
<td> <label>Cell 1.3</label> </td>
<td> <label>Cell 2.1</label> </td>
<td> <label>Cell 2.2</label> </td>
<td> <label>Cell 2.3</label> </td>
</table>
</tab>
</loop>
</tabbedPane>
</form>