Controllo Panel

Articolo
04/11/2008

Il controllo Panel fornisce un meccanismo di raggruppamento per l'organizzazione dei controlli. I controlli Panel possono essere nidificati in modo ricorsivo all'interno di un controllo Form, ovvero il contenitore più esterno del controllo Panel. Un pannello esegue il rendering dei controlli in esso contenuti.

Gli attributi di stile impostati per un pannello possono essere ereditati da latri controlli contenuti nello stesso pannello.

Sintassi dei controlli mobili

Le proprietà necessarie, le impostazioni predefinite e gli elementi dalle funzionalità di codice sono in grassetto.

<mobile:Panelrunat="server" 
   id="id"
   Font-Name="fontName"
   Font-Size="{NotSet|Normal|Small|Large}"
   Font-Bold="{NotSet|False|True}"
   Font-Italic="{NotSet|False|True}"
   ForeColor="foregroundColor"
   BackColor="backgroundColor"
   Alignment="{NotSet|Left|Center|Right}"
   StyleReference="styleReference"
   Wrapping="{NotSet|Wrap|NoWrap}"

Place child controls here.

</mobile:Panel>

Costruttori

Costruttore	Descrizione
Panel	Inizializza una nuova istanza della classe Panel.

Regole di contenimento

I controlli descritti di seguito possono contenere un controllo Panel.

Controllo	Commenti
System.Web.UI.MobileControls.Form	Può contenere un numero indefinito di controlli Panel.
System.Web.UI.MobileControls.Panel	Può contenere un numero indefinito di controlli Panel.

In un controllo Panel possono essere contenuti i controlli descritti di seguito.

Controllo	Commenti
System.Web.UI.MobileControls.Panel	In un controllo Panel può essere contenuto un numero indefinito di altri controlli Panel.
Tutti i membri di System.Web.UI.MobileControls, ad eccezione degli oggetti MobilePage, Form e StyleSheet.	In un controllo Panel possono essere contenuti tutti i controlli mobili ASP.NET, ad eccezione dei controlli MobilePage, Form o StyleSheet.

Modelli di dispositivo

Modello	Descrizione
ContentTemplate	È possibile utilizzare il modello di contenuto per creare un pannello specifico del dispositivo. Se nell'insieme di modelli selezionato è presente un modello di contenuto, tale modello sostituirà l'intero contenuto del pannello.

Comportamento specifico del dispositivo

Non è possibile rappresentare visivamente i controlli Panel. Il layout dei raggruppamenti dei pannelli nelle pagine o card è determinato dall'implementazione.

Qualsiasi proprietà di stile impostata per un pannello e che eredita dai controlli singoli è gestita da questi controlli in una maniera specifica del dispositivo.

Esempio

In questo esempio vengono descritti più controlli etichetta in ogni pannello di un controllo Form. In questo modo non sarà necessario specificare lo stile per ognuno dei controlli. Lo stile del primo pannello, ad esempio, è impostato su grassetto, ereditato dal controllo Label. Il risultato è quello per cui le parole sono visualizzate in grassetto, ovvero nello stile ereditato. In questo esempio viene anche descritto in che modo è possibile impostare il testo del controllo tramite script e tramite l'impostazione della proprietà Text del controllo.

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<mobile:Form runat="server">
   <mobile:Panel runat="server" Font-Bold="true">
      <mobile:Label runat="server">Aardvark</mobile:Label>
      <mobile:Label runat="server" text="Bear" />
   </mobile:Panel> 
   <mobile:Panel runat="server" Font-Italic="true">
      <mobile:Label runat="server">Cheetah</mobile:Label>
      <mobile:Label runat="server" text="Dingo" />
   </mobile:Panel>
</mobile:Form>

Vedere anche

Riferimenti ai controlli | Classe Panel | Membri della classe Panel | Elemento <Style>

Condividi tramite