ASP.NET中 Panel 控件的使用方法

Panel 控件在 ASP.NET
网页中提供一种容器控件,可以将它用作静态文本和其他控件的父控件。

使用 PlaceHolder
控件可以将空容器控件放到网页中,然后在运行时动态添加、删除或遍历各子元素。该控件只呈现其子元素;它本身并没有基于
HTML 的输出。

一、常见 Panel 属性

在实际使用过程中可以向PlaceHolder添加任何Html控件,甚至包括JavaScript代码。

属性 描述
HorizontalAlign 指定子控件在面板内的对齐方式(左对齐、右对齐、居中或两端对齐)。
Wrap 指定面板内过宽的内容是要换到下一行,还是要在面板边缘处截断。
ScrollBars 如果已经通过设置 Height 和 Width 属性将 Panel 控件限制为特定的大小,则可以通过设置 ScrollBars 属性来添加滚动条。
GroupingText 在 Panel 控件周围呈现边框和标题。如果指定了滚动条,则设置 GroupingText 将不显示滚动条。

将 PlaceHolder 控件用作存储动态添加到网页的服务器控件的容器。PlaceHolder
控件不产生任何可见输出并且只能用作网页上其他控件的容器。可以使用
Control.Controls 集合添加、插入或移除 PlaceHolder 控件中的控件。

二、Panel 示例代码

一、PlaceHolder 动态添加控件

Panel.aspx

前台:

复制代码 代码如下:

复制代码 代码如下:

<asp:Panel ID=”pnlForm” runat=”server” BackColor=”#999966″
   
BackImageUrl=”http://images.cnblogs.com/cnblogs_com/ylbtech/453730/o_bear.jpg
    Font-Bold=”True” ForeColor=”#333300″
    Height=”600px”>
    <br />
    测试一下Panel<br />
    <br />
</asp:Panel>

<asp:PlaceHolder ID=”PlaceHolder1″
runat=”server”></asp:PlaceHolder>

生成的HTML如下

后台:

复制代码 代码如下:

复制代码 代码如下:

<div
style=”color:#333300;background-color:#999966;font-weight:bold;height:600px;background-image:url(http://images.cnblogs.com/cnblogs_com/ylbtech/453730/o_bear.jpg);”
id=”pnlForm”>
 
            <br>
            测试一下Panel<br>
            <br>
       
</div>

Button btnNew=new Button();//声明一个新的按钮
btnNew.Text = “新的按钮”;
PlaceHolder1.Controls.Add(btnNew);//添加到控件中
 
Literal litNewHTML = new
Literal();//添加<br/>或<p>或普通text使用这种方式
litNewHTML.Text = “<p>我是一段HTML代码</p>”;
PlaceHolder1.Controls.Add(litNewHTML);

运行效果如下

二、PlaceHolder 动态添加 Web用户控件

图片 1

创建 Test.ascx 写上代码如下:

您可能感兴趣的文章:

复制代码 代码如下:

<div>
    我是Test.ascx控件里的内容
</div>

创建单独的WinForm1.aspx页面:

前台:

复制代码 代码如下:

<asp:PlaceHolder ID=”PlaceHolder1″
runat=”server”></asp:PlaceHolder>

后台:

复制代码 代码如下:

PlaceHolder1.Controls.Clear(); //清除所有控件
Control test = Page.LoadControl(“~/Test.ascx”);
PlaceHolder1.Controls.Add(test);

您可能感兴趣的文章: