dynamicContent - Contenido dinámico (Biblioteca de extensiones

Contiene contenido dinámico.

Categoría

Biblioteca de extensiones

Sintaxis

<xe:dynamicContent attributes>
	<xp:this.facets>
		<xp:panel xp:key="facetID">content</panel>
		...
	</xp:this.facets>
</xe:dynamicContent>

Tabla 1. Propiedades esenciales
Propiedad	Descripción
id	El valor predeterminado es `dynamicContent1`, `dynamicContent2`, etc.

Tabla 2. Todas las propiedades
Categoría	Propiedades
elementos básicos	binding, defaultFacet, id, loaded, partialEvents, rendered, rendererType, useHash
sucesos	afterContentLoad, beforeContentLoad
estilo	disableTheme, themeId

Uso

Este control define área de contenido alternativo que se cargan dinámicamente. Cada área de contenido es un panel de una faceta.

Para ver contenido dinámico en un script del servidor, ejecute el siguiente código, donde dynamicContent1 es el identificador del control y key_1 es el identificador de la faceta:

getComponent("dynamicContent1").show("key_1")

Como alternativa, también puede utilizar una acción simple. Consulte Cambiar contenido dinámico (acciones simples).

El control de contenido dinámico puede cargar inicialmente una faceta identificándola como valor predeterminado:

defaultFacet="key_1"

Consulte Contenido dinámico para obtener más información.

Ejemplos

Este control de contenido dinámico contiene dos facetas. Cada faceta contiene un panel y cada panel contiene un botón y una vista de Domino(r). De forma predeterminada, la faceta mainView aparece al cargar la página. Al hacer clic en el botón en la faceta mainView, se muestra la faceta subjectView. Al hacer clic en el botón en la faceta subjectView, se muestra la faceta mainView.

<xe:dynamicContent id="dynamicContent1" defaultFacet="mainView">
	<xp:this.facets>
		<xp:panel xp:key="subjectView">
			<xp:button value="Switch to main view" id="button4">
				<xp:eventHandler event="onclick" submit="true" refreshMode="partial" 
					refreshId="dynamicContent1">
					<xp:this.action>
						<![CDATA[#{javascript:getComponent("dynamicContent1").show("mainView")}]]>
					</xp:this.action>
				</xp:eventHandler>
			</xp:button>
			<xp:viewPanel rows="30" id="viewPanel1">
				<xp:this.facets>
					<xp:pager partialRefresh="true" layout="Previous Group Next" 
						xp:key="headerPager" id="pager1">
					</xp:pager>
				</xp:this.facets>
				<xp:this.data>
					<xp:dominoView var="view1" viewName="subject"></xp:dominoView>
				</xp:this.data>
				<xp:viewColumn columnName="subject" id="viewColumn1">
					<xp:viewColumnHeader value="subject" id="viewColumnHeader1"></xp:viewColumnHeader>
				</xp:viewColumn>
				<xp:viewColumn columnName="number" id="viewColumn2">
					<xp:viewColumnHeader value="number" id="viewColumnHeader2"></xp:viewColumnHeader>
				</xp:viewColumn>
				<xp:viewColumn columnName="$2" id="viewColumn3">
					<xp:viewColumnHeader value="last modified" id="viewColumnHeader3"></xp:viewColumnHeader>
				</xp:viewColumn>
			</xp:viewPanel>
		</xp:panel>
		<xp:panel xp:key="mainView">
			<xp:button value="Switch to subject view" id="button3">
				<xp:eventHandler event="onclick" submit="true" refreshMode="partial" 
					refreshId="dynamicContent1">
					<xp:this.action>
						<![CDATA[#{javascript:getComponent("dynamicContent1").show("subjectView")}]]>
					</xp:this.action>
				</xp:eventHandler>
			</xp:button>
			<xp:viewPanel rows="30" id="viewPanel2">
				<xp:this.facets>
					<xp:pager partialRefresh="true" layout="Previous Group Next" 
						xp:key="headerPager" id="pager2">
					</xp:pager>
				</xp:this.facets>
				<xp:this.data>
					<xp:dominoView var="view2" viewName="main"></xp:dominoView>
				</xp:this.data>
				<xp:viewColumn columnName="category" id="viewColumn4">
					<xp:viewColumnHeader value="category" id="viewColumnHeader4"></xp:viewColumnHeader>
				</xp:viewColumn>
				<xp:viewColumn columnName="subject" id="viewColumn5">
					<xp:viewColumnHeader value="subject" id="viewColumnHeader5"></xp:viewColumnHeader>
				</xp:viewColumn>
				<xp:viewColumn columnName="number" id="viewColumn6">
					<xp:viewColumnHeader value="number" id="viewColumnHeader6"></xp:viewColumnHeader>
				</xp:viewColumn><xp:viewColumn columnName="$2" id="viewColumn7">
					<xp:viewColumnHeader value="last modified" id="viewColumnHeader7"></xp:viewColumnHeader>
				</xp:viewColumn>
			</xp:viewPanel>
		</xp:panel>
	</xp:this.facets>
</xe:dynamicContent>

dynamicContent - Contenido dinámico (Biblioteca de extensiones - control)

Categoría

Sintaxis

Uso

Ejemplos