formColumn - Columna de diseño de formulario

Divide una tabla de formulario o fila de diseño en columnas.

Categoría

Biblioteca de extensiones

Sintaxis

<xe:formColumn attributes>content</xe:formColumn>

Tabla 1. Propiedades esenciales
Propiedad	Descripción
id	El valor predeterminado es `formColumn1`, `formColumn2`, etc.
colSpan	Ocupa columnas comenzando por la columna actual. El valor predeterminado `1` significa que no se ocupa ninguna y `0` significa que se ocupa hasta la última columna.

Tabla 2. Todas las propiedades
Categoría	Propiedades
elementos básicos	binding, colSpan, id, loaded, rendered, rendererType
estilo	disableTheme, style, styleClass, themeId

Ejemplos

Este ejemplo muestra una tabla con dos columnas, cada una de ellas con una fila que contiene un cuadro de edición. El efecto consiste en mostrar los cuadros de edición en una línea. Una cabecera ofrece texto explicativo y un pie de página ofrece botones para guardar y cancelar.

<xe:formTable id="formTable1" formTitle="Subject and number"
formDescription="Provide your input in the boxes below.">
	<xe:formColumn>
		<xe:formRow id="formRow1" label="Subject" for="inputText1">
		<xp:inputText id="inputText1"
			value="#{document1.subject}">
		</xp:inputText>
		</xe:formRow>
	</xe:formColumn>
	<xe:formColumn>
		<xe:formRow id="formRow2" label="Number" 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="Save" id="button1">
				<xp:eventHandler event="onclick" submit="true"
					refreshMode="complete" immediate="false" save="true">
				</xp:eventHandler>
			</xp:button>
			<xp:button value="Cancel" 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>