Divise un tableau de formulaire ou une ligne de présentation en colonnes.
Catégorie
Bibliothèque d'extension
Syntaxe
<attributs xe:formColumn>content</xe:formColumn>
Tableau 1. Propriétés essentielles| Propriété |
Description |
| id |
Prend par défaut les valeurs formColumn1, formColumn2, etc. |
| colSpan |
Etend des colonnes à partir de la colonne courante. La valeur par défaut 1 signifie que les colonnes ne sont pas étendues, et la valeur 0 signifie que l'extension doit être appliquée jusqu'à la dernière colonne. |
Exemples
Cet exemple affiche un tableau composé de deux colonnes, contenant chacune une ligne qui comporte une zone d'édition. Le but est d'afficher les zones d'édition sur une ligne. Un en-tête fournit une explication et un pied de page fournit des boutons de sauvegarde et d'annulation.
<xe:formTable id="formTable1" formTitle="Sujet et nombre"
formDescription="Entrez votre texte dans les zones ci-dessous.>
<xe:formColumn>
<xe:formRow id="formRow1" label="Sujet" for="inputText1">
<xp:inputText id="inputText1"
value="#{document1.subject}">
</xp:inputText>
</xe:formRow>
</xe:formColumn>
<xe:formColumn>
<xe:formRow id="formRow2" label="Nombre" for="inputText2">
<xp:inputText id="inputText2"
value="#{document1.number}">
</xp:inputText>
</xe:formRow>
</xe:formColumn>
<xp:this.facets>
<xp:panel xp:key="footer" id="panel1">
<xp:button value="Sauvegarder" id="button1">
<xp:eventHandler event="onclick" submit="true"
refreshMode="complete" immediate="false" save="true">
</xp:eventHandler>
</xp:button>
<xp:button value="Annuler" id="button2">
<xp:eventHandler event="onclick" submit="true"
refreshMode="complete" immediate="true" save="false">
</xp:eventHandler>
</xp:button>
</xp:panel>
</xp:this.facets>
</xe:formTable>