[v7]{class="badge informative" title="Applicabile a Campaign Classic v7"} [v8]{class="badge positive" title="Applicabile anche a Campaign v8"}

Casi di utilizzo: creare pagine di panoramica use-cases-creating-overviews

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

Creazione di un'applicazione Web a pagina singola creating-a-single-page-web-application

  1. Crea un singolo Page Applicazione Web e disattivare le transizioni in uscita e le transizioni 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, modifica il rendering dell’applicazione selezionando la Single-page Web application modello.

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

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

  6. In Filter sotto-scheda, crea il seguente filtro come mostrato di seguito per visualizzare solo le applicazioni Web ed escludere i modelli dalla vista.

  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 adding-a-filter-on-a-folder

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

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

  2. In Storage che viene visualizzata, fare clic sul pulsante Edit variables collegamento.

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

  4. Modifica il nome della variabile con cartella valore.

    note note
    NOTE
    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 XML digita nella variabile.

  6. Seleziona la Refresh page interazione.

  7. Posizionare il cursore sull'elenco e nella Advanced , fare riferimento alla variabile creata in precedenza nella Folder filter XPath dell'elenco. È necessario utilizzare il nome dell’elemento interessato dal collegamento alla cartella, ad esempio cartella.

    note note
    NOTE
    In questa fase, l’applicazione web non rientra nel suo contesto applicativo, pertanto il filtro non può essere testato sulla cartella.

Aggiunta di un pulsante per configurare una nuova applicazione Web adding-a-button-to-configure-a-new-web-application

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

  2. Modifica l’etichetta del collegamento poiché 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.

    note note
    NOTE
    nms:webApp coincide con lo schema dell'applicazione Web.
    nms:newWebApp coincide con la creazione guidata nuova applicazione 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 verrà visualizzata sul New pulsante.

  6. Invio pulsante nel Style campo.

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

Aggiunta di dettagli a un elenco adding-detail-to-a-list

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

  1. Posizionare il cursore sull'elemento elenco creato in precedenza.

  2. In General , seleziona la scheda Columns and additional detail nell’elenco a discesa.

  3. In Data , aggiungi 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 ciascuna voce.

  4. In Additional detail , aggiungi il seguente codice:

    code language-none
    <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>
    
NOTE
L'aggiornamento delle librerie JavaScript sul server richiede cinque minuti. È possibile riavviare il server per evitare di attendere questo ritardo.

Filtraggio e aggiornamento dell’elenco filtering-and-updating-the-list

In questa sezione verrà creato un filtro per visualizzare la 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; è necessario creare un collegamento di aggiornamento.

Questi due elementi saranno 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 adiacenti.

    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 la fase precedente e inserisci un editor di collegamenti tramite Advanced controls menu.

  2. Nella finestra di memorizzazione che si apre automaticamente, selezionare Variables , quindi fare clic sul pulsante Edit variables e creare una variabile XML per filtrare i dati.

  3. Modifica l’etichetta.

    Verrà visualizzato accanto al Filter nella panoramica.

  4. Scegliere la tabella Operatore come schema dell'applicazione.

  5. Posizionare il cursore sull'elemento elenco e creare un filtro tramite Data > Filter scheda:

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

CAUTION
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 sulla Image campo: /xtk/img/refresh.png.

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

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

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1