outline - Esquema

Contiene nodos que organizan el contenido.

Categoría

Biblioteca de extensiones

Sintaxis

<xe:outline attributes>content</xe:outline>

Tabla 1. Propiedades esenciales
Propiedad	Descripción
id	El valor predeterminado es `outline1`, `outline2`, etc.
treeNodes	Especifica nodos para el esquema.
treeRenderer	Clase Java personalizada para la visualización de nodos:
onItemClick	Utilice este suceso para obtener el valor que el usuario selecciona con `context.getSubmittedValue()`.

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

Ejemplos

Este control de esquema tiene tres nodos de contenedor, y cada uno de ellos tiene tres nodos sin secundarios. Al hacer clic en un nodo sin secundarios, se muestra su valor enviado en un campo calculado.

<xp:label value="Submitted value: " id="label1"></xp:label>
<xp:text escape="true" id="computedField1"
	value="#{requestScope.svalue}" style="font-weight:bold">
</xp:text>
<xe:outline id="outline1">
	<xe:this.treeNodes>
		<xe:basicContainerNode label="Container one">
			<xe:this.children>
				<xe:basicLeafNode
					submitValue="Container one, choice one" label="Choice one">
				</xe:basicLeafNode>
				<xe:basicLeafNode
					submitValue="Container one, choice two" label="Choice two">
				</xe:basicLeafNode>
				<xe:basicLeafNode
					submitValue="Container one, choice three" label="Choice three">
				</xe:basicLeafNode>
			</xe:this.children>
		</xe:basicContainerNode>
		<xe:basicContainerNode label="Container two">
			<xe:this.children>
				<xe:basicLeafNode
					submitValue="Container two, choice one" label="Choice one">
				</xe:basicLeafNode>
				<xe:basicLeafNode
					submitValue="Container two, choice two" label="Choice two">
				</xe:basicLeafNode>
				<xe:basicLeafNode
					submitValue="Container two, choice three" label="Choice three">
				</xe:basicLeafNode>
			</xe:this.children>
		</xe:basicContainerNode>
		<xe:basicContainerNode label="Container three">
			<xe:this.children>
				<xe:basicLeafNode
					submitValue="Container three, choice one" label="Choice one">
				</xe:basicLeafNode>
				<xe:basicLeafNode
					submitValue="Container three, choice two" label="Choice two">
				</xe:basicLeafNode>
				<xe:basicLeafNode
					submitValue="Container three, choice three" label="Choice three">
				</xe:basicLeafNode>
			</xe:this.children>
		</xe:basicContainerNode>
	</xe:this.treeNodes>
	<xp:eventHandler event="onItemClick" submit="true"
		refreshMode="partial" refreshId="computedField1">
		<xe:this.action>
			<![CDATA[#{javascript:requestScope.svalue = context.getSubmittedValue()}]]>
		</xe:this.action>
	</xp:eventHandler>
</xe:outline>