Show Menu
ARGOMENTI×

Casi di utilizzo: creazione di panoramiche

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

Creazione di un'applicazione Web a pagina singola

  1. Creare una singola applicazione Page Web e disabilitare transizioni e transizioni in uscita per la 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 il Single-page Web application modello.
  4. Aprire l' Page attività dell'applicazione Web e aprire un elenco ( Static element > List ).
  5. Nella Data scheda dell'elenco, selezionare il tipo di Web applications documento e le colonne Label , Creation date e Type of application di output.
  6. Nella Filter sottoscheda, creare il filtro seguente come illustrato di seguito per visualizzare solo le applicazioni Web ed escludere i modelli dalla visualizzazione.
  7. Chiudete la finestra di configurazione della pagina e fate 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 in una cartella. Per aggiungere la panoramica, effettuate le seguenti operazioni.
  1. Posizionare il cursore sul Page nodo dell'applicazione Web e aggiungere un Select folder elemento ( Advanced controls > Select folder ).
  2. Nella Storage finestra visualizzata, fate clic sul Edit variables collegamento.
  3. Modificate l’etichetta della variabile in base alle vostre esigenze.
  4. Modificate il nome della variabile con il valore della cartella .
    Il nome della variabile deve corrispondere al nome dell'elemento collegato alla cartella (definito nello schema), ovvero alla cartella in questo caso. È necessario riutilizzare questo nome quando si fa riferimento alla tabella.
  5. Applicare il XML tipo alla variabile.
  6. Selezionare l' Refresh page interazione.
  7. Posizionare il cursore sull’elenco e fare riferimento alla variabile precedentemente creata nella Advanced scheda dell’ Folder filter XPath elenco nella scheda. Dovete usare il nome dell’elemento interessato dal collegamento alla cartella, ovvero la cartella .
    In questa fase, l'applicazione Web non è nel relativo contesto dell'applicazione, pertanto il filtro non può essere testato sulla cartella.

Aggiunta di un pulsante per configurare una nuova applicazione Web

  1. Posizionare il cursore sull' Page elemento e aggiungere un collegamento ( Static elements > Link ).
  2. Modificate l'etichetta del collegamento in quanto apparirà sul pulsante nella panoramica.
    Nel nostro esempio, l'etichetta è Nuova .
  3. Inserite il seguente URL nel campo URL: xtk://open/?schema=nms:webApp&form=nms:newWebApp .
    nms:webApp coincide con lo schema dell'applicazione Web.
    nms:newWebApp coincide con la nuova procedura guidata di creazione dell'applicazione Web.
  4. Scegliete di visualizzare l’URL nella stessa finestra.
  5. Aggiungere l'icona dell'applicazione Web nel campo immagine: /nms/img/webApp.png .
    Questa icona viene visualizzata sul New pulsante.
  6. Immettere il pulsante nel Style campo.
    Questo stile è indicato nel Single-page Web application modello selezionato in precedenza.

Aggiunta di dettagli a un elenco

Quando configurate un elenco nella panoramica, potete scegliere di visualizzare ulteriori dettagli per ciascuna voce dell’elenco.
  1. Posizionare il cursore sull’elemento elenco creato in precedenza.
  2. Nella General scheda, selezionare la modalità di Columns and additional detail visualizzazione nell'elenco a discesa.
  3. Nella Data scheda, aggiungete la Primary key , Internal name e Description la colonna e selezionate l' Hidden field opzione per ciascuna di esse.
    In questo modo, queste informazioni saranno visibili solo nei dettagli di ogni voce.
  4. Nella Additional detail scheda, aggiungete 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>
    
    
L'aggiornamento delle librerie JavaScript richiede cinque minuti. È possibile riavviare il server per evitare di attendere questo ritardo.

Filtro e aggiornamento dell’elenco

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, aggiornare l'elenco per applicare il filtro; questo richiede la creazione di un collegamento di aggiornamento.
Questi due elementi saranno raggruppati nello stesso contenitore per essere raggruppati graficamente nella panoramica.
  1. Posizionare il cursore sull' Page elemento e selezionare Container > Standard .
  2. Imposta il numero di colonne su 2 , in modo che l’editor dei collegamenti e il collegamento si trovino l’uno accanto all’altro.
    Per informazioni sul layout degli elementi, consultate questa sezione .
  3. Applica dottedFilter .
    Questo stile è indicato nel Single-page Web applicatio n modello selezionato in precedenza.