|
下面是编写本文中例子代码所需要的步骤：
·为HTML代码段获得Panel控件。
·将HTML代码置入Panel控件中。
·创建一个LinkButton控件。
·提供一个onClick函数。
·在按钮的点击函数中隐藏/显示Panel控件。
1、为HTML代码段获得Panel控件
打开网页（.aspx）的设计视图，并选择“Webforms控件”工具箱，从工具箱中拖出一个Panel控件到HTML网页的设计视图上。这时就会看到一个矩形框，发改变它的大小，直到能够容下你想输入的HTML代码段。
下面是HTML设计视图中Panel控件的定义： ＜TABLE cellSpacing=0 cellPadding=0 width=600 bgColor=#ffffff border=0＞ ＜?xml:namespace prefix = asp /＞
＜asp:panel id=TestPanel Width="398px" Height="171px" runat="server"＞
HTML GOES HERE
＜/asp:panel＞
＜/TABLE＞
2、将我们的HTML代码输入到Panel控件中
在Panel控件中编写相关的HTML代码（或将HTML代码拖到Panel控件中），下面是一个例子： ＜asp:panel id=TestPanel Width="398px" Height="171px" runat="server"＞
＜H2＞An example HTML segment that is going to disappear ＜/H2＞
An example drop down ＜asp:DropDownList id=ADropDownListBox runat="server"＞
＜/asp:DropDownList＞
＜/asp:panel＞
3、创建一个LinkButton控件
我们需要对这一部分作一些解释。我们为什么会用LinkButton控件取代一个超级链接呢？超级链接意味着我们可以随意到包括当前的网页在内的任意网页上，但并不意味着我们要返回正在修改的网页。另外，也没有象OnClick这样能够处理超级链接的服务器端方法。
LinkButton的外观和风格与hyperlink相同，但它还有另外二点好处，即：
·点击时能够返回同一个网页。
·便于使用的OnClick方法。
下面是一个LinkButton控件定义的例子：
＜asp:LinkButton id=ChangeAppearanceButton runat="server"＞
Change Appearance
＜/asp:LinkButton＞
上一页 [1] [2] [3] 下一页 |
