Casi di utilizzo: creare pagine di panoramica

Nell'esempio seguente verranno create applicazioni Web di tipo panoramica per visualizzare tutte le applicazioni Web nel database. Configura i seguenti elementi:

Creazione di un'applicazione Web a pagina singola

  1. Creare un singolo Page Applicazione web e disabilita transizioni e transizioni in uscita alla pagina successiva.

  2. Modifica del titolo della pagina.

    Questo titolo verrà visualizzato nell'intestazione della panoramica e nella panoramica dell'applicazione Web.

  3. Nelle proprietà dell'applicazione Web, modificare il rendering dell'applicazione selezionando la Single-page Web application modello.

  4. Apri Page attività dell'applicazione Web e aprire un elenco (Static element > List).

  5. In Data scheda dell’elenco, seleziona il tipo di Web applications e Label , Creation date e Type of application colonne di output.

  6. In Filter sottoscheda , crea il filtro seguente come mostrato di seguito per visualizzare solo le applicazioni web ed escludere i modelli dalla visualizzazione.

  7. Chiudi la finestra di configurazione della pagina e fai clic su Preview.

    Viene visualizzato l'elenco delle applicazioni Web disponibili nel database.

Aggiunta di un filtro a una cartella

In una panoramica, puoi scegliere di accedere ai dati a seconda della posizione nella struttura di Adobe Campaign. Questo è un filtro su una cartella. Applica il seguente processo per aggiungerlo alla panoramica.

  1. Posizionare il cursore sul Page nodo dell'applicazione Web e aggiungere un Select folder elemento (Advanced controls > Select folder).

  2. In Storage finestra che viene visualizzata, fai clic su Edit variables link.

  3. Modifica l’etichetta della variabile in base alle tue esigenze.

  4. Modifica il nome della variabile con il cartella valore.

    NOTA

    Il nome della variabile deve corrispondere al nome dell’elemento collegato alla cartella (definito nello schema), ovvero cartella in questo caso. È necessario riutilizzare questo nome quando si fa riferimento alla tabella.

  5. Applica la XML digita nella variabile .

  6. Seleziona la Refresh page interazione.

  7. Posiziona il cursore sull’elenco e Advanced , fai riferimento alla variabile creata in precedenza nel Folder filter XPath scheda dell’elenco. È necessario utilizzare il nome dell’elemento interessato dal collegamento alla cartella, ovvero cartella.

    NOTA

    In questa fase, l'applicazione Web non è nel relativo contesto applicativo, pertanto il filtro non può essere testato sulla cartella.

Aggiunta di un pulsante per configurare una nuova applicazione Web

  1. Posizionare il cursore sul Page e aggiungi un collegamento (Static elements > Link).

  2. Modifica l’etichetta del collegamento in quanto verrà visualizzata sul pulsante nella panoramica.

    Nel nostro esempio, l’etichetta è Nuovo.

  3. Inserisci il seguente URL nel campo URL: xtk://open/?schema=nms:webApp&form=nms:newWebApp.

    NOTA

    nms:webApp coincide con lo schema dell'applicazione Web.

    nms:newWebApp coincide con la nuova procedura guidata per la creazione di applicazioni Web.

  4. Scegli di visualizzare l’URL nella stessa finestra.

  5. Aggiungi l'icona dell'applicazione Web nel campo immagine: /nms/img/webApp.png.

    Questa icona apparirà sul New pulsante .

  6. Invio pulsante in Style campo .

    Questo stile è indicato nel Single-page Web application modello selezionato in precedenza.

Aggiunta di dettagli a un elenco

Quando configuri un elenco nella panoramica, puoi scegliere di visualizzare ulteriori dettagli per ogni voce nell’elenco.

  1. Posiziona il cursore sull’elemento elenco creato in precedenza.

  2. In General seleziona la scheda Columns and additional detail modalità di visualizzazione nell’elenco a discesa.

  3. In Data aggiungi la scheda Primary key , Internal name e Description e seleziona la Hidden field per ciascuna opzione.

    In questo modo, queste informazioni saranno visibili solo nei dettagli di ogni voce.

  4. In Additional detail aggiungi il seguente codice:

    <div class="detailBox">
      <div class="actionBox">
        <span class="action"><img src="/xtk/img/fileEdit.png"/><a title="Open" class="linkAction" href="xtk://open/?schema=nms:webApp&form=nms:webApp&pk=
        <%=webApp.id%>">Open...</a></span>
        <%
        if( webApp.@appType == 1 ) { //survey
        %>
        <span class="action"><img src="/xtk/img/report.png"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&
          _schema=nms:webApp&_selection=<%=webApp.@id%>
          &__sessiontoken=<%=document.controller.getSessionToken()%>">Reports</a></span>
        <%
        }
        %>
      </div>
      <div>
        Internal name: <%= webApp.@internalName %>
      </div>
      <%
      if( webApp.desc != "" )
      {
      %>
      <div>
        Description: <%= webApp.desc %>
      </div>
      <%
      }
      %>
    </div>
    
NOTA

L'aggiornamento delle librerie JavaScript richiede cinque minuti sul server. È possibile riavviare il server per evitare di attendere questo ritardo.

Filtrare e aggiornare l’elenco

In questa sezione verrà creato un filtro per la visualizzazione della panoramica delle applicazioni Web create da un operatore specifico. Questo filtro viene creato con un editor di collegamenti. Dopo aver selezionato un operatore, aggiorna l’elenco per applicare il filtro; questo richiede la creazione di un collegamento di aggiornamento.

Questi due elementi verranno raggruppati nello stesso contenitore per essere raggruppati graficamente nella panoramica.

  1. Posizionare il cursore sul Page e seleziona Container > Standard.

  2. Imposta il numero di colonne su 2, in modo che l’editor dei collegamenti e il collegamento siano uno accanto all’altro.

    Per informazioni sul layout degli elementi, consulta questa sezione.

  3. Applica dottedFilter.

    Questo stile è indicato nel Single-page Web application modello selezionato in precedenza.

  1. Posiziona il cursore sul contenitore creato durante lo stadio precedente e inserisci un editor di collegamenti tramite Advanced controls menu.

  2. Nella finestra di archiviazione che si apre automaticamente, selezionare la Variables , quindi fai clic su Edit variables collega e crea una variabile XML per filtrare i dati.

  3. Modifica l’etichetta.

    Viene visualizzato accanto al Filter nella panoramica.

  4. Scegliere la tabella Operatore come schema di applicazione.

  5. Posiziona il cursore sull’elemento elenco e crea un filtro tramite il Data > Filter scheda:

    • Espressione: Chiave esterna del collegamento "Creato da"
    • Operatore: è uguale a
    • Valore: Variabili (variabili)
    • Preso in considerazione se: '$(var2/@id)'!='''

ATTENZIONE

L'utente dell'applicazione Web deve essere un operatore identificato con i diritti Adobe Campaign appropriati per accedere alle informazioni. Questo tipo di configurazione non funzionerà per le applicazioni Web anonime.

  1. Posizionare il cursore sul contenitore e inserire un Link tramite Static elements menu.

  2. Modifica l’etichetta.

  3. Seleziona Refresh data in a list.

  4. Aggiungi l’elenco creato in precedenza.

  5. Aggiungi l’icona di aggiornamento nel Image campo: /xtk/img/refresh.png.

  6. Utilizzando le frecce di ordinamento, riorganizzare i vari elementi dell'applicazione Web come mostrato di seguito.

L'applicazione Web è ora configurata. Puoi fare clic su Preview scheda per visualizzarlo in anteprima.

In questa pagina