首先,要感谢CSDN的编辑们,因为是你们让我第一次发表的文章的标题在CSDN的主页上呆了好几天,也让我感激涕零了好几天;接着,要感谢浏览过我的文章的三千多的朋友,不管您对我的文章报以怎样的态度,或者赞许认可,或者嗤之以鼻,毕竟您花费了不少的时间;最后,要谢谢那些给我的文章提出了不少意见的朋友。谢谢你们的鸡蛋。:)
ASP.NET与ASP相比,最大的改进莫过于使用了服务器控件。微软发明了.NET,为了模糊基于Web开发和基于Windows 开发的界线,将控件的使用从Windows Form中移植到Web开发中,可谓用心良苦了。今天,就来说一下在我设计第二个网站的时候遇到的一个与控件相关的典型问题。
在ASP.NET中,我们可以动态的添加控件,可以添加控件相应的事件,这给开发者带来了极大的便利。举个例子来说明吧,部门经理希望录入本部门所有员工的基本情况,或存于数据库,或存于XML文件,以便于管理。作为网站的设计者,并不清楚部门员工的人数,而且,为了网站能够适用于其他部门,录入的页面是不能够固定TextBox的个数。在这种情况下,我就使用了动态添加控件的办法。在录入的页面中有一个Add a new record 的按钮,点击会触发以下的OnClick对应的事件。
public void Create_Record(Object sender, EventArgs e)
{
TableRow r=new TableRow();// 创建Table中的一行,即<TR>
for (int j=0;j<=3;j++)
{
TableCell c=new TableCell(); //创建Table中的一列,即<TD>
c.Width=120;
switch (j){
case 0:
TextBox mytextbox=new TextBox();
mytextbox.Width=80;
mytextbox.ID="InsertPlatform";
c.Controls.Add(mytextbox);
break;
case 1:
TextBox mytextbox1=new TextBox();
mytextbox1.Width=80;
mytextbox1.ID="InsertRCDPart";
c.Controls.Add(mytextbox1);
break;
case 2:
TextBox mytextbox2=new TextBox();
mytextbox2.Width=80;
mytextbox2.ID="InsertKitPart";
c.Controls.Add(mytextbox2);
break;
case 3:
LinkButton mylinkbutton=new LinkButton();
mylinkbutton.Click+=new EventHandler(Insert_Click);//***
mylinkbutton.ID="Insert";
mylinkbutton.Text="Insert";
c.Controls.Add(mylinkbutton);
break;
}
r.Cells.Add(c); //往行中添加列
}
Table1.Rows.Add(r); //往Table中添加行
}
public void Insert_Click(Object sender, EventArgs e)
{ //To do something
}
这样是不是很简单呢?但是,简单归简单,麻烦也跟着来了。动态添加的服务器控件正是问题的根源所在。大家是否注意到以上代码中带星号的那一行呢?这一行的意思当你点击这个动态添加的LinkButton,会触发Insert_Click事件。好了,问题出现了。当我点击了Add a new record按钮之后,Table确实出现了一行,这一行中包含了三个TextBox和一个LinkButton,但是,当我点击这个动态生成的LinkButton,并不能触发相应的Insert_Click事件。我百思不得其解,作为菜鸟的我马上想到了CSDN,在CSDN论坛中发贴时,我用了另外一段代码来说明问题。
<html>
<head>
</head>
<script language="C#" runat="server">
public void Page_Load(Object sender, EventArgs e)
{
LinkButton mylinkbutton=new LinkButton();
mylinkbutton.Text="say hello";
mylinkbutton.ID="hello";
mylinkbutton.Click+=new EventHandler(Say_Hello);
thisform.Controls.Add(mylinkbutton);
}
public void Say_Hello(Object sender,EventArgs e)
{
Response.Write("Hello,World!");
}
public void Say_Goodbye(Object sender,EventArgs e)
{
Response.Write("Goodbye,World!");
}
public void AddButton(Object sender,EventArgs e)
{
thisform.Controls.Add(new LiteralControl(" "));
LinkButton mylinkbutton=new LinkButton();
mylinkbutton.Text="say Goodbye";
mylinkbutton.ID="goodbye";
mylinkbutton.Click+=new EventHandler(Say_Goodbye);
thisform.Controls.Add(mylinkbutton);
}
</script>
<body>
<form id="thisform" runat="server">
<asp:linkbutton Text="Add Button" OnClick="AddButton" runat="server"/>
</form>
</body>
</html>
各位可以尝试运行一下,看有什么问题。
最后,是dragontt让我知道了其中的玄机。原来,Http是一个无状态的协议,每一次同服务器的交互都是作为新的请求来处理。每个页面都是重新生成的,然后根据客户端保存并传递来得ViewState使得服务器端生成的新页面与客户端当前页面的状态相同,接着服务器端会根据客户端的请求,来完成任务。所以,当我点击了Add a new record按钮之后,增加了一个新的LinkButton,但是服务器端新生成的页面并不会记住这个LinkButton,也就不会去执行相应的代码了。
解决办法是:在AddButton中增加代码:ViewState["test"]=1;
在Page_Load中增加代码:if (ViewState["test"]!=null)
Say_Goodbye ( sender, e ) ;
通过ViewState的使用,使得服务器端控件的状态得以保持。与这个小程序相对应的,第一个例子的问题也是可以通过这种办法去解决的。
PS:随着了解的进一步深入,ViewState是一个需要花大力气去研究的东西。给朋友们留个问题,虽然通过添加两行代码把问题解决了,可是又有新的问题出现了。大家可以尝试一下,当你点击了Add Button之后,出现了另外一个say Goodbye的LinkButton,点击它,正如我们想象一样,"Goodbye World!"出现在屏幕上。但是--如果你不点击动态生成的say Goodbye 的LinkButton,而去点击say Hello的LinkButton,会出现什么呢?结果是出人意料的,那该怎么解决呢?让我下次再续。