Definizione del contenuto delle viste

È possibile definire ciò che una vista visualizza agli utenti durante il runtime.

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 sulle viste IU disponibili, vedi Toolkit IU.
2. Se la vista contiene 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 della griglia o contenitori per specificare la posizione di tali aree.
   Per informazioni su come utilizzare il layout della griglia, consultare Visualizzazione di un coach o di una vista mediante il layout della griglia
   Ad esempio, se la vista ha 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 di 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 di 3 unità di larghezza, 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 vista, selezionare Contenuto dal dispositivo di scorrimento della barra degli strumenti. Nell'area di disegno, fare clic su Aggiungi contenuto per visualizzare la finestra a comparsa che riporta tutte le viste che è possibile aggiungere al layout.
   Se non si utilizzano 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. Per un esempio di come è possibile creare le proprie viste, consultare Esempio: creazione di una vista pulsante jQuery

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

   Ricordare: considerare l'effetto dei vari browser quando si definisce il layout e cosa è necessario fare per gestire le relative 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 viste che è possibile aggiungere accanto, sopra o sotto la vista selezionata.
   Si noti che ogni elemento aggiunto al layout è un'istanza separata e la sua modifica 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 tipo di binding di 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 bind dei 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 . Fare clic su Seleziona e selezionare la variabile dall'elenco. L'elenco 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 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 vengono impostate direttamente in una proprietà di configurazione in maniera diversa dalle 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 attraverso 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 pari a.

      In alternativa, è possibile esporre determinate proprietà di configurazione alle viste o alle pagine che contengono la vista. Ad esempio, nella vista, si aggiunge una casella di spunta come un insieme di pulsanti di opzione e si espongono le proprietà di configurazione Etichetta vera e Etichetta falsa. 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 .
   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 per un esempio di aggiunta di una classe per modificare la posizione di un'etichetta di casella di testo, consultare Attributi HTML.
5. Fare clic su Salva o su Termina modifica.