Panel Web 控件

发表于:2007-07-14来源:作者:点击数: 标签:
Panel Web 控件可以让我们群组控件,让我们决定在Panel 中的控件是否要显示出来。其使用语法为: ASP:Panel Id=被程序代码所控制的名称 Runat=Server BackImageUrl=URL HorziontalAlign=Center | Justify | Left | NotSet | Right Wrap=True | False 其它控


    Panel Web 控件可以让我们群组控件,让我们决定在Panel 中的控件是否要显示出来。其使用语法为:

<ASP:Panel
Id="被程序代码所控制的名称"
Runat="Server"
BackImageUrl="URL"
HorziontalAlign="Center | Justify | Left | NotSet | Right"
Wrap="True | False"
>
其它控件...
</ASP:Panel>


Panel Web 控件的基本属性如下所示:

下面范例为计算男女标准体重:

<Html>
<Form Id="Form1" Runat="Server">
<ASP:Panel Id="Main" Runat="Server"> <!--配置主Panel-->
标准体重计算程序<Hr>
依您的性别进入不同的计算方法
<ASP:Button Id="btnMan" Text="我是男生" OnClick="btnMan_Click"
Runat="Server"/>
<ASP:Button Id="btnWoman" Text="我是女生" OnClick="btnWoman_Click"
Runat="Server" />
</ASP:Panel>
<ASP:Panel Id="Man" Runat="Server"> <!--配置计算男生体重的Panel-->
输入您的身高:<ASP:TextBox Id="txtMan" Runat="Server" />
<ASP:Button Id="ShowResult1" Text="看结果" OnClick="ShowMan"
Runat="Server" />
</ASP:Panel>
<ASP:Panel Id="Woman" Runat="Server"> <!--配置计算女生体重的Panel-->
输入您的身高:<ASP:TextBox Id="txtWoman" Runat="Server" />
<ASP:Button Id="ShowResult2" Text="看结果" OnClick="ShowWoman"
Runat="Server" />
</ASP:Panel>
<ASP:Panel Id="Result" Runat="Server"> <!--配置显示标准体重的Panel-->
您的标准体重为:<ASP:Label Id="lblBody" Runat="Server" />公斤
</ASP:Panel>
</Form>
<Script Language="VB" Runat="Server">
Sub Page_Load(Sender As Object,e As Eventargs)
If Not Page.IsPostBack Then '第一次执行时只显示主Panel
Man.Visible=False
Woman.Visible=False
Result.Visible=False
End If
End Sub
Sub btnMan_Click(Sender As Object,e As Eventargs)
Main.Visible=False '将主Panel 隐藏, 计算男生体重的Panel 显示
Man.Visible=True
End Sub
Sub btnWoman_Click(Sender As Object,e As Eventargs)
Main.Visible=False '将主Panel 隐藏, 计算女生体重的Panel 显示
Woman.Visible=True
End Sub
Sub ShowMan(Sender As Object,e As Eventargs)
Man.Visible=False '将计算男生体重的Panel 隐藏, 显示计算结果
Result.Visible=True
lblBody.Text=Cint((Cint(txtMan.Text)-80)*0.7)
End Sub
Sub ShowWoman(Sender As Object,e As Eventargs)
Woman.Visible=False '将计算女生体重的Panel 隐藏, 显示计算结果
Result.Visible=True
lblBody.Text=Cint((Cint(txtWoman.Text)-70)*0.6)
End Sub
</Script>
</Html>


1. 程序开始执行时只会出现Id 为Main 的Panel Web 控件,如下图所示:


2. 我们选择性别后,接着输入自己的身高:


3. 最后出现标准体重:


    善用Panel Web 控件,不但可以让我们群组对象外,还可以在同一个ASPX 网页中执行许多程序,而不用分散成许多ASPX 档案。

原文转自:http://www.ltesting.net