返回首頁
當前位置: 主頁 > 網絡編程 > .Net實例教程 >

ASP.NET-面板控件

時間:2020-01-14 16:20來源:知行網www.f1globe.com 編輯:麥田守望者

 面板控件用作頁面上其他控件的容器。它控制其包含的控件的外觀和可見性。它還允許以編程方式生成控件。

面板控件的基本語法如下:

<asp:Panel ID= "Panel1"  runat = "server"> </asp:Panel>

Panel控件派生自WebControl類。因此,它繼承了相同的所有屬性,方法和事件。它沒有自己的任何方法或事件。但是,它具有以下自身的屬性:

性質 描述
BackImageUrl 面板背景圖片的URL。
默認按鈕 獲取或設置面板控件中包含的默認按鈕的標識符。
方向 面板中的文字方向。
分組文字 允許將文本分組為字段。
水平對齊 面板中內容的水平對齊。
滾動條 指定面板中滾動條的可見性和位置。
包裹 允許文字換行。

使用面板控件

讓我們從一個特定的高度和寬度以及邊框樣式的簡單可滾動面板開始。ScrollBars屬性設置為兩個滾動條,因此兩個滾動條都被呈現。

源文件的面板標簽具有以下代碼:

<asp:Panel ID="Panel1" runat="server" BorderColor="#990000" BorderStyle="Solid"     Borderstyle="width:1px" Height="116px" ScrollBars="Both" style="width:278px">        This is a scrollable panel.    <br />    <br />     <asp:Button ID="btnpanel" runat="server" Text="Button" style="width:82px" /> </asp:Panel>

面板呈現如下:

面板

下面的示例演示了動態內容的生成。用戶提供了要在面板上生成的標簽控件和文本框的數量。控件以編程方式生成。

使用屬性窗口更改面板的屬性。當在設計視圖上選擇一個控件時,屬性窗口將顯示該特定控件的屬性,并允許您進行更改而無需鍵入。

面板2

該示例的源文件如下:

<form id="form1" runat="server">    <div>       <asp:Panel ID="pnldynamic" runat="server" BorderColor="#990000"           BorderStyle="Solid" Borderstyle="width:1px" Height="150px"  ScrollBars="Auto" style="width:60%" BackColor="#CCCCFF"  Font-Names="Courier" HorizontalAlign="Center">                This panel shows dynamic control generation:          <br />          <br />       </asp:Panel>    </div>     <table style="width: 51%;">       <tr>          <td class="style2">No of Labels:</td>          <td class="style1">             <asp:DropDownList ID="ddllabels" runat="server">                <asp:ListItem>0</asp:ListItem>                <asp:ListItem>1</asp:ListItem>                <asp:ListItem>2</asp:ListItem>                <asp:ListItem>3</asp:ListItem>                <asp:ListItem>4</asp:ListItem>             </asp:DropDownList>          </td>       </tr>        <tr>          <td class="style2"> </td>          <td class="style1"> </td>       </tr>        <tr>          <td class="style2">No of Text Boxes :</td>          <td class="style1">             <asp:DropDownList ID="ddltextbox" runat="server">                <asp:ListItem>0</asp:ListItem>                <asp:ListItem Value="1"></asp:ListItem>                <asp:ListItem>2</asp:ListItem>                <asp:ListItem>3</asp:ListItem>                <asp:ListItem Value="4"></asp:ListItem>             </asp:DropDownList>          </td>       </tr>        <tr>          <td class="style2"> </td>          <td class="style1"> </td>       </tr>        <tr>          <td class="style2">             <asp:CheckBox ID="chkvisible" runat="server"                 Text="Make the Panel Visible" />          </td>           <td class="style1">             <asp:Button ID="btnrefresh" runat="server" Text="Refresh Panel"                 style="width:129px" />          </td>       </tr>    </table> </form>

Page_Load事件背后的代碼負責動態生成控件:

public partial class _Default : System.Web.UI.Page {    protected void Page_Load(object sender, EventArgs e)    {       //make the panel visible       pnldynamic.Visible = chkvisible.Checked;        //generating the lable controls:       int n = Int32.Parse(ddllabels.SelectedItem.Value);       for (int i = 1; i <= n; i++)       {          Label lbl = new Label();          lbl.Text = "Label" + (i).ToString();          pnldynamic.Controls.Add(lbl);          pnldynamic.Controls.Add(new LiteralControl("<br />"));       }              //generating the text box controls:        int m = Int32.Parse(ddltextbox.SelectedItem.Value);       for (int i = 1; i <= m; i++)       {          TextBox txt = new TextBox();          txt.Text = "Text Box" + (i).ToString();          pnldynamic.Controls.Add(txt);          pnldynamic.Controls.Add(new LiteralControl("<br />"));       }    } }

執行時,面板呈現為:

面板3

 
------分隔線----------------------------
標簽(Tag):
------分隔線----------------------------
推薦內容
  • ASP.NET-Ajax控件

    AJAX代表異步JavaScript和XML。 這是一種跨平臺技術,可加快響應時間。 AJAX服務器控...

  • ASP.NET-面板控件

    面板控件用作頁面上其他控件的容器。 它控制其包含的控件的外觀和可見性。 它還允許以...

  • ASP.NET-多視圖

    MultiView和View控件使您可以將頁面的內容分為不同的組,一次僅顯示一個組。 每個View...

  • ASP.NET-日歷

    日歷控件是功能豐富的Web控件,它提供以下功能: 一次顯示一個月 選擇一天,一周或一...

  • ASP.NET-廣告輪播

    AdRotator控件從列表中隨機選擇橫幅圖形,該列表在外部XML計劃文件中指定。 該外部XML...

  • ASP.NET-文件上傳

    ASP.NET具有兩個控件,允許用戶將文件上傳到Web服務器。 服務器收到發布的文件數據后...

猜你感興趣
99久久免费高清热精品