Classe Panel

Rende disponibile un meccanismo di raggruppamento che consente di organizzare i controlli.

public class System.Web.UI.MobileControls.Panel : 
   System.Web.UI.MobileControls.MobileControl,
   System.Web.UI.MobileControls.ITemplateable

Osservazioni

I riquadri si trovano all'interno dei form e possono essere nidificati in modo ricorsivo. Un riquadro esegue il rendering dei controlli in esso contenuti; gli attributi impostati in un riquadro possono essere ereditati dai controlli contenuti in tale riquadro.

È possibile utilizzare un riquadro per una delle seguenti funzioni:

  • Raggruppamento dei controlli in modo logico affinché sia possibile visualizzarli o nasconderli facilmente.
  • Definizione di un contenitore appropriato in cui i controlli possono essere creati o rimossi in modo dinamico.
  • Utilizzo di un unico punto per applicare gli attributi di stile a un insieme di controlli impostandoli nel riquadro. Poiché ai riquadri viene applicata l'ereditarietà degli stili, gli attributi impostati in un riquadro possono essere ereditati dai controlli contenuti in tale riquadro.
  • Suggerimenti per il framework della pagina ASP.NET sui controlli da raggruppare durante l'impaginazione. Per impostazione predefinita, il contenuto di un riquadro viene raggruppato in una pagina. È comunque possibile modificare questo comportamento mediante l'impostazione della proprietà Paginate del riquadro.

È possibile includere testo letterale assieme ai tag corrispondenti nel contenuto di testo del controllo Panel. Per ulteriori informazioni, vedere Testo letterale all'interno di un tag di form.

Esempio

La prima parte dell'esempio di codice consente di impostare le proprietà di un riquadro durante il caricamento di una pagina. Nella seconda parte vengono definite le funzioni che consentono di modificare le proprietà di un riquadro affinché rispondano ai comandi scelti.

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

<script runat="server" language="vb">

Public Sub Page_Load(sender As Object, e As EventArgs)
   Panel1.Wrapping = Wrapping.NoWrap
   Panel1.Alignment = Alignment.Center
   Panel1.StyleReference = "title"
End Sub

Public Sub MakeFontRed(sender As Object, e As EventArgs)
   Panel1.ForeColor = System.Drawing.Color.Red
End Sub

Public Sub MakeFontBlue(sender As Object, e As EventArgs)
   Panel1.ForeColor = System.Drawing.Color.Blue
End Sub
</script>

<mobile:Form runat="server" id="Form1">
   <mobile:Panel runat="server" id="Panel1">
      <mobile:Textview runat="server" id="TextView1">
         A Panel provides a grouping mechanism for organizing controls.
      </mobile:TextView>
   </mobile:Panel>
   <mobile:Command runat="server" id="Command1" Text="Make Font Red" 
      OnClick="MakeFontRed"/>
   <mobile:Command runat="server" id="Command2" Text="Make Font Blue" 
      OnClick="MakeFontBlue"/>
</mobile:Form>
[C#]
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="c#" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<script runat="server" language="c#">

public void Page_Load(Object sender, EventArgs e)
{
   Panel1.Wrapping = System.Web.UI.MobileControls.Wrapping.NoWrap;
   Panel1.Alignment = System.Web.UI.MobileControls.Alignment.Center;
   Panel1.StyleReference = "title";
}

public void MakeFontRed(Object sender, EventArgs e)
{
   Panel1.ForeColor = System.Drawing.Color.Red;
}

public void MakeFontBlue(Object sender, EventArgs e)
{
   Panel1.ForeColor = System.Drawing.Color.Blue;
}
</script>

<mobile:Form runat="server" id="Form1">
   <mobile:Panel runat="server" id="Panel1">
      <mobile:Textview runat="server" id="TextView1">
         A Panel provides a grouping mechanism for organizing controls.
      </mobile:TextView>
   </mobile:Panel>
   <mobile:Command runat="server" id="Command1" Text="Make Font Red" 
      OnClick="MakeFontRed"/>
   <mobile:Command runat="server" id="Command2" Text="Make Font Blue" 
      OnClick="MakeFontBlue"/>
</mobile:Form>

Requisiti

Spazio dei nomi: System.Web.UI.MobileControls

Assembly: System.Web.Mobile

Vedere anche

Controllo Panel| Implementazione del rendering basato su modelli | Insieme di modelli e controlli basati su modelli | Organizzazione dei contenuti con i contenitori