我们先来解释一下解决这一问题的方法,然后再详细地解释所使用的代码。在.net中开发web应用程序,我们既可以使用服务器端的web控件(web表单)也可以使用html控件。使用.net开发web应用程序的重点是服务器端控件。我们在本文中就使用了web表单服务器端控件。
panel是一个服务器端的web表单控件,一个panel控件就是html网页上的一个矩形区域,它是否可见可以在服务器端进行控制。因此,首先,我们可以从将html代码段放在一个panel控件中,html代码段可以由服务器端控件和客户端控件组成。一旦我们将panel控件的visibility属性设置为“false”,则整个html代码段就成为不可见的了。其次,我们可以使用名字为linkbutton的另一个web表单控件,它本质上是一个超级链接,但通过服务器端的onclick方法,它可以起到按钮的作用。在这种方法中,我们只要简单地访问panel对象的c#语言表示,并将其visibility属性设置为true或false,网页就会自动地刷新自己。
在.net中开发web应用程序的一个重要差别是,网页上的每个控件都被表示为服务器端的一个.net对象,而且这些对象(控件)的状态通过与服务器间的多次交互来维护,这就使我们能够对服务器端和客户端的事件作出反应。响应服务器端的事件时,百网页重新刷新时,其内部的所有对象(控件)也都会得到刷新。我们无需再绘制任何控件,这一切都是自动完成的。这种方法最有吸引力的是一个好的面向对象编程人员能够在一种编程语言模式中工作,而且可以方便地使用javascript,调试也非常简便。这种方法的一个小问题就是它不能使用frontpage或dreamweaver等html代码编辑器。一旦这个问题得到了解决,服务器端的编程模式就更完善了。
下面是编写本文中例子代码所需要的步骤:
·为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> |
4、提供onclick函数
如果双击linkbutton控件,ide就会自动地将我们引到服务器端该控件的onclick方法处,在这里我们就可以编写隐藏panel控件的代码。
5、在按钮的onclick方法中隐藏/显示panel控件
下面是onclick方法的一个例子:
private void changeappearancebutton_click(object sender, system.eventargs e) { this.testpanel.visible = this.testpanel.visible ? false : true; } |
上面的代码是一个极好的知道如何维护自己状态的用品端编程模式的例子。当用户点击链接时,就会执行上面的代码,但开发人员并没有改变html网页的其他部分,控件本身知道如何刷新它们自己。
结论
下面是我从.net模式中精选出来的非常有趣的特性:
·服务器端编程模式。
·web表单的状态是自动维护的。
·高度一致的前、后端统一对象编程模式。
·用处很大的ide能够提示每个方法和可能的参数。
·在网页的html视图中编写xml代码也有提示。
·配置所需要的统一的web.config。
尽管本文中的例子相当简单,即使使用传统的方法也能够非常简单地实现,但这种服务器端的编程模式说明了net的一个有趣的特性,即能够自动维护其状态的一致的统一服务器端编程模式。
新闻热点
疑难解答
图片精选