Definizione del contenuto delle viste

È possibile definire gli elementi che una vista visualizza agli utenti al runtime.

Procedura

  1. Passare alla pagina Layout per aggiungere viste e altri elementi alla vista.
    Le viste che è possibile aggiungere al layout sono viste dal toolkit UI. Per ulteriori informazioni relative alle viste IU disponibili, consultare Toolkit IU.
  2. Se la vista ha più aree di informazioni, utilizzare il dispositivo di scorrimento della barra degli strumenti e selezionare Griglia, quindi creare il modello di griglia appropriato. Utilizzare i punti di inserimento per aggiungere celle o contenitori della griglia per specificare la posizione di tali aree.
    Per informazioni su come utilizzare il layout di griglia, consultare Visualizzazione di un coach o di una vista mediante il layout di griglia
    Ad esempio, se la vista dispone di un'area in cui l'utente seleziona un elemento e un'altra area che visualizza le informazioni sulla selezione, utilizzare la griglia per creare una cella per l'area di selezione e un'altra cella per l'area delle informazioni.
    Nota: considerare anche se la vista verrà nidificata all'interno di altre viste e in che modo ciò influisce sul layout. Ad esempio, si supponga di creare una vista con una cella di 4 unità di larghezza e un'altra di 8 unità di larghezza. Se si posiziona tale vista in una cella in una pagina con una larghezza di 3 unità, il contenuto in tale vista ha solo 3 unità di larghezza disponibili e utilizza 1 per la prima cella e 2 per la seconda cella.
  3. Per aggiungere contenuto alla propria vista, selezionare Contenuto dal dispositivo di scorrimento della barra degli strumenti. Nel canvas, fare clic su Aggiungi contenuto per visualizzare la finestra a comparsa che elenca tutte le viste che è possibile aggiungere al layout.
    Se non si utilizzano le celle della griglia, utilizzare i layout orizzontali e verticali per raggruppare le viste correlate o per disporre le viste, se necessario. Per informazioni sul binding di dati che si verifica, consultare Binding di dati per viste.

    Quando si aggiunge una vista al layout, questa viene selezionata automaticamente e vengono mostrate le relative proprietà.

    Nota: considerare l'effetto dei vari browser quando si definisce il layout e cosa è necessario fare per gestirne le differenze. Ad esempio, il browser Safari non dispone di barre di scorrimento. Senza barre di scorrimento, potrebbe non essere ovvio quando, ad esempio, le celle della tabella contengono più contenuto di quello che il frame può contenere.
  4. Per ciascuna vista aggiunta al layout, definirne le proprietà.
    Quando si seleziona una vista sul layout, vengono visualizzate le icone a comparsa, che consentono di modificare l'etichetta, tagliare o copiare la vista. Quando si passa con il mouse sulla vista, i punti di inserimento vengono visualizzati sui lati. Fare clic su un punto di inserimento per visualizzare una finestra a comparsa che presenta per la selezione tutte le visualizzazioni che è possibile aggiungere accanto, sopra o sotto la vista selezionata.
    Tenere presente che ogni elemento aggiunto al layout è un'istanza separata e la modifica delle proprietà non influisce sulle proprietà di altre istanze. Ad esempio, si eliminano due istanze di una vista Testo. La modifica del nome di uno non influisce sull'altro. Tuttavia, se si fa doppio clic su un'istanza della vista nel layout, la vista si apre nell'editor. Se si modifica la vista, ne si modifica la definizione. Queste modifiche influenzano tutte le istanze esistenti e future di tale vista.
    1. Definire le proprietà generali dell'istanza della vista, inclusa l'impostazione delle seguenti proprietà:
      • Modificare la relativa etichetta con il testo appropriato.
      • Associarlo a dati quali un oggetto di business o uno dei relativi parametri selezionando i dati dall'elenco. L'elenco contiene le variabili definite nella pagina Variabili che hanno lo stesso tipo del bind dei dati definito per la vista. Se il tipo di selezione e il tipo di bind dei dati della vista non corrispondono, si verifica un'avvertenza.
      • Modificare la definizione utilizzata dall'istanza della vista. Se si sceglie di selezionare una definizione di vista esistente, l'elenco contiene le definizioni di vista con un tipo di dati che corrisponde al tipo definito per il binding di dati.
      Per informazioni su queste proprietà, consultare Visualizza proprietà generali.
    2. Configurare l'istanza della vista selezionando o immettendo un valore per ciascuna opzione oppure assegnando una variabile se tale opzione è disponibile.
      Per impostare una proprietà di configurazione su una variabile, fare clic su Assegna una variabile. Fare clic su Seleziona e selezionare la variabile dall'elenco. L'lista contiene le variabili con un tipo di dati che corrisponde al tipo definito per l'opzione di configurazione.
      Suggerimento: in alternativa, è possibile fare clic su Esponi opzione di configurazione per creare un'opzione di configurazione univoca che corrisponda al tipo di dati della proprietà di configurazione ed eseguirne automaticamente il bind.
      Importante: il designer gestisce le stringhe che sono impostate direttamente in una proprietà di configurazione in modo diverso rispetto alle stringhe impostate tramite una variabile. Se si sta impostando la stringa immettendolo direttamente in una proprietà di configurazione, non racchiudere la stringa tra virgolette. Se si sta impostando la stringa tramite una variabile, racchiudere la stringa tra virgolette e utilizzare i caratteri di escape laddove necessario. Ad esempio, si dispone di una vista Testo che si desidera contenga solo cinque numeri. La vista Testo ha il campo Convalida . In questo campo, immettere, come stringa, l'espressione regolare da utilizzare per valutare il contenuto della vista Testo. Se si immette la stringa di convalida, immettere. Se si assegna la convalida a una variabile, la variabile è una stringa con un valore di.
      In alternativa, è possibile esporre determinate proprietà di configurazione alle viste o alle pagine che contengono la vista. Ad esempio, nella vista, è possibile aggiungere una casella di spunta come una serie di pulsanti di opzione ed esporre le proprietà di configurazione True Label e False Label. Le pagine o le viste che contengono la vista possono quindi impostare queste etichette su qualcosa di appropriato per quella pagina o vista. L'esposizione della proprietà di configurazione crea automaticamente un'opzione di configurazione come variabile nella vista corrente. L'opzione di configurazione ha un binding di dati che corrisponde a quanto definito nella vista selezionata. Per esporre una proprietà di configurazione, fare clic su Esponi opzione di configurazione.
    3. Impostare l'altezza e la larghezza dell'istanza della vista e impostare la quantità di riempimento desiderata impostando le proprietà dello stile.
      Per informazioni, vedi Opzioni di posizionamento per le istanze della vista
    4. Impostare il modo in cui la pagina o la vista principale visualizza l'istanza della vista.
      Per informazioni, consultare Impostazione della visibilità delle viste. Per informazioni sui valori di visibilità, consultare Visualizza proprietà generali.
    5. Facoltativo: per sovrascrivere gli stili esistenti sull'istanza, aggiungervi classi e attributi HTML.
      Per informazioni e un esempio di aggiunta di una classe per modificare la posizione di un'etichetta della casella di testo, consultare Attributi HTML.
  5. Fare clic su Salva o Termina modifica.
    Per informazioni dettagliate sulla dichiarazione di variabili per i servizi umani lato client, vedere Dichiarazione di variabili