ASP.NET - Panel Web 服務(wù)器控件概述

2019-11-17 04:01:16

字體：大中小

供稿：網(wǎng)友

      Panel Web 服務(wù)器控件在 asp.net 網(wǎng)頁內(nèi)提供了一種容器控件，您可以將它用作靜態(tài)文本和其他控件的父級(jí)。

一、背景

可以將 Panel 控件用作其他控件的容器。當(dāng)以編程方創(chuàng)建內(nèi)容并需要一種將內(nèi)容插入到頁中的方法時(shí)，此方法尤為適用。以下部分描述了可以使用 Panel 控件的其他方法。

1、動(dòng)態(tài)生成的控件的容器

Panel 控件為在運(yùn)行時(shí)創(chuàng)建的控件提供了一個(gè)方便的容器。

2、對(duì)控件和標(biāo)記進(jìn)行分組

對(duì)于一組控件和相關(guān)的標(biāo)記，可以通過把其放置在 Panel 控件中，然后操作此 Panel 控件的方式將它們作為一個(gè)單元進(jìn)行管理。例如，可以通過設(shè)置面板的 Visible 屬性來隱藏或顯示該面板中的一組控件。

3、具有默認(rèn)按鈕的窗體

可將 TextBox 控件和 Button 控件放置在 Panel 控件中，然后通過將 Panel 控件的 DefaultButton 屬性設(shè)置為面板中某個(gè)按鈕的 ID 來定義一個(gè)默認(rèn)的按鈕。如果用戶在面板內(nèi)的文本框中進(jìn)行輸入時(shí)按 Enter，這與用戶單擊特定的默認(rèn)按鈕具有相同的效果。這有助于用戶更有效地使用項(xiàng)目窗體。

4、向其他控件添加滾動(dòng)條

有些控件（如 TreeView 控件）沒有內(nèi)置的滾動(dòng)條。通過在 Panel 控件中放置滾動(dòng)條控件，可以添加滾動(dòng)行為。若要向 Panel 控件添加滾動(dòng)條，請?jiān)O(shè)置 Height 和 Width 屬性，將 Panel 控件限制為特定的大小，然后再設(shè)置 ScrollBars 屬性。

      4、頁上的自定義區(qū)域

可使用 Panel 控件在頁上創(chuàng)建具有自定義外觀和行為的區(qū)域，如下所示：

·創(chuàng)建一個(gè)帶標(biāo)題的分組框：可設(shè)置 GroupingText 屬性來顯示標(biāo)題。呈現(xiàn)頁時(shí)，Panel 控件的周圍將顯示一個(gè)包含標(biāo)題的框，其標(biāo)題是您指定的文本。

說明：不能在 Panel 控件中同時(shí)指定滾動(dòng)條和分組文本。如果設(shè)置了分組文本，其優(yōu)先級(jí)高于滾動(dòng)條。

·在頁上創(chuàng)建具有自定義顏色或其他外觀的區(qū)域： Panel 控件支持外觀屬性（例如 BackColor 和 BorderWidth），可以設(shè)置外觀屬性為頁上的某個(gè)區(qū)域創(chuàng)建獨(dú)特的外觀。

說明：設(shè)置 GroupingText 屬性將自動(dòng)在 Panel 控件周圍呈現(xiàn)一個(gè)邊框。

二、如何：向 Web 窗體頁添加 Panel 控件

1、在“設(shè)計(jì)”視圖中，從工具箱的“標(biāo)準(zhǔn)”選項(xiàng)卡中，將 Panel 控件拖到頁面上。

2、若要?jiǎng)?chuàng)建靜態(tài)文本，請?jiān)诳丶袉螕簦缓箧I入文本。若要添加控件，請將它們從“工具箱”拖到 Panel 控件中。

說明：若要在運(yùn)行時(shí)向 Panel 控件添加靜態(tài)文本，則需要?jiǎng)?chuàng)建 Literal 控件并設(shè)置它的 Text 屬性。然后，可以通過編程方式將 Literal 對(duì)象添加到面板中，方法與添加任何控件相同。有關(guān)添加控件的詳細(xì)信息，請參見如何：以編程方式向 ASP.NET 網(wǎng)頁添加控件。

3、還可以選擇拖動(dòng)面板的邊框以調(diào)整控件的大小。

說明：該控件會(huì)自動(dòng)調(diào)整自身的大小以顯示其所有的子控件（即使它們超出了設(shè)置的高度）。

4、另外還可以選擇，設(shè)置 Panel 控件的屬性（如下表所述），以指定窗格與其子控件的交互方式。

屬性
說明

HorizontalAlign
指定子控件在面板內(nèi)的對(duì)齊方式（左對(duì)齊、右對(duì)齊、居中或兩端對(duì)齊）。

Wrap
指定面板內(nèi)過寬的內(nèi)容是換到下一行，還是在面板邊緣處截?cái)唷?br>
Direction
指定控件的內(nèi)容是從左至右呈現(xiàn)還是從右至左呈現(xiàn)。當(dāng)在頁面上創(chuàng)建與整個(gè)頁面的方向不同的區(qū)域時(shí)，此屬性非常有用。

ScrollBars
如果已經(jīng)設(shè)置了 Height 和 Width 屬性以將 Panel 控件限制為特定的大小，則可以通過設(shè)置 ScrollBars 屬性來添加滾動(dòng)條。

GroupingText
在 Panel 控件周圍呈現(xiàn)邊框和標(biāo)題。

說明：

設(shè)置 GroupingText 屬性會(huì)導(dǎo)致滾動(dòng)條不顯示（如果您指定了滾動(dòng)條）。

三、Panel 類

      Panel 控件是其他控件的容器。當(dāng)要以編程方式生成控件、隱藏/顯示一組控件或本地化一組控件時(shí)，該控件尤其有用。

Direction 屬性對(duì)于本地化 Panel 控件的內(nèi)容以顯示從右到左書寫的語言（如阿拉伯語或希伯來語）的文本非常有用。

Panel 控件提供了幾個(gè)屬性，使用這些屬性可以自定義該控件內(nèi)容的行為和顯示。使用 BackImageUrl 屬性為 Panel 控件顯示一個(gè)自定義圖像。使用 ScrollBars 屬性為控件指定滾動(dòng)條。

示例

1、下面的示例說明如何使用 Panel 控件以編程方式生成控件和隱藏/顯示一組控件。

說明：下面的代碼示例使用單文件代碼模型，當(dāng)它直接復(fù)制到代碼隱藏文件時(shí)可能不能正常工作。此代碼示例必須被復(fù)制到具有 .aspx 擴(kuò)展名的空文本文件中。

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html  >

<head>

    <title>Panel Example</title>

<script runat="server">

       void Page_Load(Object sender, EventArgs e) {

          // Show or hide the Panel contents.

          if (Check1.Checked) {

             Panel1.Visible=false;

          }

          else {

             Panel1.Visible=true;

          }

          // Generate the Label controls.

          int numlabels = Int32.Parse(DropDown1.SelectedItem.Value);

          for (int i=1; i<=numlabels; i++) {

             Label l = new Label();

             l.Text = "Label" + (i).ToString();

             l.ID = "Label" + (i).ToString();

             Panel1.Controls.Add(l);

             Panel1.Controls.Add(new LiteralControl("<br />"));

          }

          // Generate the Textbox controls.

          int numtexts = Int32.Parse(DropDown2.SelectedItem.Value);

          for (int i=1; i<=numtexts; i++) {

             TextBox t = new TextBox();

             t.Text = "TextBox" + (i).ToString();

             t.ID = "TextBox" + (i).ToString();

             Panel1.Controls.Add(t);

             Panel1.Controls.Add(new LiteralControl("<br />"));

          }

       }

    </script>

</head>

<body>

    <h3>Panel Example</h3>

    <form id="form1" runat="server">

       <asp:Panel id="Panel1" runat="server"

            BackColor="gainsboro"

            Height="200px"

            Width="300px">

            Panel1: Here is some static content...

            <br />

       </asp:Panel>

       <br />

       Generate Labels:

       <asp:DropDownList id="DropDown1" runat="server">

          <asp:ListItem Value="0">0</asp:ListItem>

          <asp:ListItem Value="1">1</asp:ListItem>

          <asp:ListItem Value="2">2</asp:ListItem>

          <asp:ListItem Value="3">3</asp:ListItem>

          <asp:ListItem Value="4">4</asp:ListItem>

       </asp:DropDownList>

       <br />

       Generate TextBoxes:

       <asp:DropDownList id="DropDown2" runat="server">

          <asp:ListItem Value="0">0</asp:ListItem>

          <asp:ListItem Value="1">1</asp:ListItem>

          <asp:ListItem Value="2">2</asp:ListItem>

          <asp:ListItem Value="3">3</asp:ListItem>

          <asp:ListItem Value="4">4</asp:ListItem>

       </asp:DropDownList>

       <br />

       <asp:CheckBox id="Check1" Text="Hide Panel" runat="server"/>

       <br />

       <asp:Button Text="Refresh Panel" runat="server"/>

    </form>

</body>

</html>

上一篇：深析Java中抽象類與接口的區(qū)別

下一篇：ASP.NET - Substitution Web 服務(wù)器控件概述