ASP.net中Panel控件用法-控件新闻-慧都网

ASP.net中Panel控件用法

翻译|其它|编辑：郝浩|2004-01-17 14:42:00.000|阅读 1305 次

概述：

有朋友问起我Panel控件有什么用，认为Panel控件只不过是控制一些控件的整体输入输出，没有什么大的用途，呵呵，确实这样，Panel控件的功能只能是这么点点，但是它一旦和其它的Web控件结合起来使用，它的优点就显现出来了。　　我们下面来模拟一个用户申请的页面。申请分为四步，第一步输入用户名，第二步输入用户信息，第三步显示确定信息，第四步确认。如图1至图4 图1

图2

图3

图4

　　在一般的技术中，我们每一步就需要一个程序用于判断显示，而在如果使用Panel控件，这四步（或者是更多的步骤）都可以合为一个页面搞定。按照朋友的意思，我把源程序帖出来，下面是程序，由于最近我们的时间较紧，飞刀就不多解释了，请大家自已理解了。主要是利用Web控件的保值特性：

＜Script Language="C#" Runat="Server"＞
public void Page_Load(Object src,EventArgs e)
{
if(!Page.IsPostBack)
{
file://初始化Panel
State["PanelSeed"] = 0;
Panel0.Visible = true;
Panel1.Visible = false;
Panel2.Visible = false;
Panel3.Visible = false;
}
}
public void PrevStep(Object src,EventArgs e)
{
file://大家没有忘记State吧。

string CurrentPanel = "Panel"+State["PanelSeed"].ToString();
State["PanelSeed"] = (int)State["PanelSeed"]-1;
string PrevPanel = "Panel"+State["PanelSeed"].ToString();

file://这里注意FindControl的用法
Panel p = (Panel)FindControl(CurrentPanel);
p.Visible = false;

p = (Panel)FindControl(PrevPanel);
p.Visible = true;
}

public void NextStep(Object src,EventArgs e)
{

string CurrentPanel = "Panel"+State["PanelSeed"].ToString();
State["PanelSeed"] = (int)State["PanelSeed"]+1;
string NextPanel = "Panel"+State["PanelSeed"].ToString();

Panel p = (Panel)FindControl(CurrentPanel);
p.Visible = false;

p = (Panel)FindControl(NextPanel);
p.Visible = true;


if((int)State["PanelSeed"]==2)
{
FUserName.Text = UserName.Text;
FPasswd.Text = Passwd.Text;
FAddress.Text = Address.Text;
FZipCode.Text = ZipCode.Text;
FComment.Text = Comment.Text;
}

}

＜/script＞
＜html＞
＜head＞
＜title＞＜/title＞
＜/head＞
＜body＞
＜form runat="server"＞
＜asp:Panel id="Panel0" runat="server" ＞
＜table border="1" cellpadding="0" cellspacing="0" ＞
＜tr＞
＜td width="100%" colspan="3" bgcolor="#339966" align="center"＞

＜font color="#FFFF99"＞第一步 选择用户名＜/font＞＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB"＞用户名：＜/td＞
＜td width="33%" bgcolor="#EEEDDB"＞
＜asp:TextBox id="UserName" runat="Server" /＞＜/td＞
＜td width="34%" bgcolor="#EEEDDB"＞
＜asp:Button id="FristNextStep" Text="下一步" runat="server" 
OnClick="NextStep"/＞＜/td＞
＜/tr＞
＜/table＞
＜/asp:Panel＞

＜asp:Panel id="Panel1" runat="server"＞
＜table border="1" ＞
＜tr＞
＜td width="100%" colspan="2" bgcolor="#339966" align="center" height="15"＞

＜font color="#FFFF99"＞第二步 填写用户信息＜/font＞＜/td＞

＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞用户名：＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜%=UserName.Text%＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞密码：＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:TextBox TextMode="Password" id="Passwd" runat="server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞确认密码：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:TextBox TextMode="Password" id="RePasswd" 
runat="server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞地址：＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:TextBox id="Address" runat="server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞邮政编码：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:TextBox id="ZipCode" runat="server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞简介：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:TextBox id="Comment" TextMode="MultiLine" Wrap="True" 
Rows="10" runat="Server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞　＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:Button id="FristPrevStep" Text="上一步" OnClick="PrevStep" 
runat="server"/＞
  
＜asp:Button id="SecondNextStep" Text="下一步" 
OnClick="NextStep" runat="server" /＞　＜/td＞
＜/tr＞
＜/table＞
＜/asp:Panel＞

＜asp:Panel id="Panel2" runat="server"＞
＜table border="1" ＞
＜tr＞
＜td width="100%" colspan="2" 
bgcolor="#339966" align="center" height="15"＞
＜font color="#FFFF99"＞第三步 确认用户信息＜/font＞
＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞用户名：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:Label id="FUserName" runat="Server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞密码：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:Label id="FPasswd" runat="Server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞地址：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:Label id="FAddress" runat="Server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞邮政编码：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:Label id="FZipCode" runat="Server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞简介：
＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞
＜asp:Label id="FComment" runat="Server" /＞　＜/td＞
＜/tr＞
＜tr＞
＜td width="33%" bgcolor="#EEEDDB" height="16"＞　＜/td＞
＜td width="67%" bgcolor="#EEEDDB" height="16"＞

＜asp:Button id="SecondPrevStep" Text="上一步" OnClick="PrevStep"
 runat="server" /＞
  
＜asp:Button id="FinishStep" Text="完成" OnClick="NextStep" 
runat="server" /＞　＜/td＞
＜/tr＞
＜/table＞
＜/asp:Panel＞
＜asp:Panel id="Panel3" runat="server"＞
＜table ＞
＜tr＞
＜td width="100%" colspan="3" bgcolor="#339966" align="center"＞
＜font color="#FFFF99"＞恭喜您，您已经完成了所有的操作＜/font＞
＜/td＞
＜/tr＞
＜tr＞
＜td colspan="3" bgcolor="#EEEDDB"＞请您.......＜/td＞
＜/tr＞
＜/table＞
＜/asp:Panel＞

＜/form＞
＜/body＞
＜/html＞

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

上一篇：创建用于ASP.NET的分页控件下一篇：ASP.NET中的XML表单控件