Sviluppo di viste riutilizzabili

Modifica in linea

Per contenere le funzioni o gli elementi dell'interfaccia utente che un'altra vista o pagina può utilizzare, creare una vista.

Informazioni su questa attività

È possibile creare una vista utilizzando l'interfaccia del designer. La nuova vista può essere in un toolkit o in un'applicazione del processo . Per riutilizzare la vista in più applicazioni di processo, considerare la creazione della vista in un toolkit, che rende la vista disponibile a tutte applicazioni di processo che utilizzano tale toolkit. Tuttavia, tenere presente che se qualcuno modifica la vista, le modifiche si applicano a tutte le istanze di tale vista. Le correzioni possono essere prese da tutti gli utenti della vista, ma le modifiche possono anche avere conseguenze indesiderate in altre applicazioni del processo. Per limitare le modifiche a una particolare applicazione del processo, considerare la creazione della vista in tale applicazione del processo.

Importante: evitare di combinare viste non reattive e reattive nello stesso layout della vista.
La creazione di una vista può essere un processo iterativo in cui si eseguono i passi da 3 a 6 in qualsiasi ordine. È possibile iniziare seguendo le istruzioni nell'ordine elencato nella procedura. In base ai risultati del test, aggiornare le pagine appropriate e ripetere il test. Continuare il processo iterativo di aggiornamento e nuovo test fino a quando non si è soddisfatti dell'aspetto e del comportamento della vista.
Suggerimento: in alternativa, è possibile creare una vista direttamente da un business object esistente. Fare clic su Dati > Oggetto di business, quindi fare clic sulla freccia accanto al nome dell'oggetto di business, quindi fare clic su Crea vista. Completare la procedura guidata per creare la vista, i cui dati di business sono collegati all'oggetto di business da cui hanno avuto origine.

Per sviluppare viste più complesse, è possibile utilizzare serie di viste che includono elementi dell'interfaccia utente standard come campi di testo, immagini e così via.

Procedura

  1. Fare clic sul segno più accanto a Interfaccia utente e scegliere Visualizza dall'elenco dei componenti.
  2. Specificare il nome della nuova vista. A meno che la nuova vista non sia basata su un template, iniziare con una vista vuota.
    Limitazione : il nome della visualizzazione deve essere un ID JavaScript valido con le seguenti eccezioni: può contenere spazi e non può contenere caratteri di sottolineatura. Vale a dire, è possibile utilizzare nomi come My View o MyView, ma non è possibile utilizzare nomi come My_View o default; default è una parola riservata in JavaScript.
    Dopo aver selezionato Fine, l'editor apre la nuova vista.
  3. Per abilitare la vista da utilizzare nelle applicazioni del processo in esecuzione su più dispositivi, selezionare Intended for use on multiple devices nella finestra Nuova vista quando si crea la vista o nelle proprietà Panoramica della vista dopo che è stata creata.
  4. In Panoramica, fornire informazioni sulla vista.
    Per informazioni sull'aggiunta di tag, documentazione e immagini di icone, consultare Come fornire informazioni sulle viste.
  5. Passare a Funzionamento e definire il comportamento per la vista.
    Per informazioni sull'aggiunta del comportamento alla vista, consultare Definizione del comportamento della vista.
  6. Passare a Variabili e definire le variabili utilizzate dalla vista.
    Per informazioni sulla definizione dei dati utilizzati dalla vista e sul modo in cui gli utenti possono personalizzarli, consultare gli argomenti Aggiunta di variabili alle viste e Eventi definiti dall'utente.
  7. Passare a Layout e definire cosa la vista visualizza agli utenti.
    Per informazioni sull'aggiunta di viste e altri elementi alla vista, consultare Definizione del contenuto delle viste.
  8. Per applicare uno stile personalizzato alle istanze della vista visualizzate dalla vista, nelle proprietà Layout aggiungere classi e attributi CSS come proprietà HTML a tali istanze. Definire le classi e gli attributi CSS in un file CSS e caricare tale file come script incluso nelle proprietà Comportamento . Come misura temporanea, è possibile utilizzare il campo CSS inline per visualizzare l'impatto delle definizioni di classe e attributo man mano che vengono sviluppate.
    Importante: verificare che i nomi delle classi CSS siano in conflitto con i nomi delle viste. Un conflitto può portare a uno stile imprevedibile al runtime perché il nome della vista viene aggiunto automaticamente per scopi di ambito all'attributo della classe del wrapper della vista div.
  9. Esaminare l'aspetto della vista e come funziona. In base alla revisione, ripetere i passi da 3 a 7 per apportare le modifiche appropriate alla vista o agli elementi che contiene o a cui fa riferimento. Continuare a iterare le revisioni e gli aggiornamenti fino a ottenere i risultati desiderati.
  10. Verifica vista:
    1. In un servizio con interazione dell'utente lato client o un servizio con interazione dell'utente Heritage, aggiungere la vista a una pagina.
    2. Collegare la pagina nel diagramma del servizio.
      Se non è possibile tracciare dal nodo iniziale alla pagina, connettere la pagina ai nodi appropriati nel flusso.
    3. Associare le variabili utilizzate dalla vista ai dati appropriati.
    4. Esaminare la configurazione per la vista e aggiornarla se necessario.
    5. Per riprodurre il servizio con interazione dell'utente lato client o il servizio con interazione dell'utente heritage in inspector o designer, fai clic su Run Esegui.