Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
È possibile aggiungere controlli HTML personalizzati a uno schermo in un client per un'applicazione di LightSwitch.Utilizzando i controlli personalizzati, è possibile visualizzare o raccogliere le informazioni in modo che vanno oltre le funzionalità dei controlli HTML incorporato per LightSwitch.
Controlli personalizzati di riferimento
Per utilizzare un controllo personalizzato su uno schermo, è innanzitutto necessario aggiungere un riferimento di file al progetto e un tag script al file di default.htm.
Per fare riferimento a un controllo personalizzato
In Esplora soluzioni, scegliere Visualizzazione file dall'elenco nella barra degli strumenti.
Aprire il menu di scelta rapida per la cartella Script, scegliere Aggiungiquindi scegliere Elemento esistente.
Scegliere il file JavaScript (con estensione js) per il controllo personalizzato e quindi scegliere il pulsante Aggiungi.
[!NOTA]
Alcuni controlli personalizzati richiedono che anche fare riferimento ai file di supporto.Consultare la documentazione relativa al controllo personalizzato per tutti i requisiti.
<script> Nella sezione del file default.htm per il progetto, aggiungere un tag script simile all'esempio seguente, dove MyControl è il nome del controllo personalizzato:
<script type=”text/javascript” src=”Scripts/MyControl.js” charset=”utf-8”></script>
Aggiunta dei nuovi controlli e sostituzione dei controlli esistenti
È possibile aggiungere un nuovo controllo personalizzato su uno schermo o sostituire un controllo HTML esistente in LightSwitch.
Per aggiungere un controllo personalizzato ad una schermata
In Albero del contento della schermata, scegliere qualsiasi gruppo.
Nella barra degli strumenti Progettazione schermata, nell'elenco Aggiungi elemento di layout, scegliere Controllo personalizzato.
La finestra di dialogo Aggiungi controllo personalizzato viene aperto.
Nella casella di testo Specifica i dati per il nuovo controllo personalizzato, immettere o elemento nella raccolta da associare al controllo.
Ad esempio, immettere Customers.selectedItem.PostalCode da associare al codice postale di un cliente, oppure immettere Customers.selectedItem da associare all'intero record cliente.
Aggiungere un codice che associa i dati ad una proprietà specifica del controllo.
Per ulteriori informazioni, vedere più avanti Associazione di dati a una proprietà del controllo personalizzato in questo argomento.
Per sostituire un controllo esistente a un controllo personalizzato
In Albero del contento della schermata, selezionare il controllo che si desidera sostituire.
Nella finestra Proprietà, aprire l'elenco Tipo di controllo e quindi scegliere Controllo personalizzato.
Aggiungere un codice che associa i dati ad una proprietà specifica del controllo.
Per ulteriori informazioni, vedere più avanti Associazione di dati a una proprietà del controllo personalizzato in questo argomento.
Associazione dei dati ad una proprietà dei controlli personalizzati
È necessario associare i dati specificati nella finestra di dialogo Aggiungi controllo personalizzato a una proprietà specifica del controllo personalizzato.
Per associare i dati ad una proprietà del controllo personalizzato
In Albero del contento della schermata, scegliere il controllo personalizzato.
Nella finestra Proprietà, scegliere il collegamento ipertestuale Modifica codice rendering.
Nell'editor di codice, aggiungere codice simile a quella riportata di seguito al metodo di rendering:
createMyControl(element, contentItem, “max-width: 300px; max-height: 300px”);Questo codice esegue il rendering del controllo in fase di esecuzione.MyControl di sostituzione con il nome del controllo e modifica necessaria i parametri di max-width e di max-height.
Aggiungere il codice per tutte la funzionalità aggiuntiva fornita dal controllo richiede.Consultare la documentazione relativa al controllo personalizzato per tutti i requisiti.