Pregunta

Estoy tratando de usar controles móviles en una biblioteca de extensión reciente. He configurado la estructura básica y parece estar funcionando. Sin embargo, cuando navego a una página, no obtengo un # con el nombre de la página aplicado al final. Cuando presiono el botón Atrás, obtengo una aplicación "#Home".

¿Cómo obtener el # para aplicar a las páginas indivudales para que se adhieran si se emite una actualización completa del navegador o alguien quiere hacer un enlace profundo?

¡Gracias!

<xe:singlePageApp id="singlePageApp1"
    selectedPageName="home">
    <xe:appPage id="home" pageName="home">
        <xe:djxmHeading id="djxmHeading0"
            label="My Home Page">
        </xe:djxmHeading>
        <xe:djxmLineItem id="djxmLineItem3" label="Sell Items"
            moveTo="mobilePage1">

        </xe:djxmLineItem>
        <xe:djxmLineItem id="djxmLineItem4" label="Sold Items"
                moveTo="mobilePage2">
            </xe:djxmLineItem>
    </xe:appPage>
    <xe:appPage id="appPage1" pageName="mobilePage1"
        autoCreate="true">
        <xe:djxmHeading id="djxmHeading1" label="Sell an Item"
            moveTo="home" back="Back">
        </xe:djxmHeading>
        <xc:cc_SellItem></xc:cc_SellItem>
    </xe:appPage>
    <xe:appPage id="appPage2" pageName="mobilePage2">
        <xe:djxmHeading id="djxmHeading2" moveTo="home" back="Back"
            label="Sold Items">
        </xe:djxmHeading>

        <xp:panel>List of Sold Items will go here.</xp:panel></xe:appPage>
    </xe:singlePageApp>
¿Fue útil?

Solución

Solo necesita agregar el prefijo hash (#) al nombre de la página en la propiedad Moveto:

<xe:djxmLineItem id="djxmLineItem3" label="Sell Items" moveTo="#mobilePage1"></xe:djxmLineItem>
<xe:djxmLineItem id="djxmLineItem4" label="Sold Items" moveTo="#mobilePage2"></xe:djxmLineItem>

Mira esto "La propiedad Moveto" en el tutorial de controles móviles de XPages.

Otros consejos

La biblioteca de extensión también incluye un componente de contenido dinámico. Este componente tiene una propiedad Usehash, que se refiere al # en la URL. Esto debería permitirle especificar qué parte de la aplicación se carga en función del valor hash.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top