给静态DataGrid动态添加列的问题

这个问题反复在论坛出现,其实这个问题在MSDN上早就有答案
1。英文版:Top Questions about the DataGrid Web Server Control(Mike Pope and Nikhil Kothari)
2。中文版:DataGrid Web 伺服器控制项的常见问题

可惜,论坛上的风气不太好,你即使给了连接,真正去看的人大概并不多

诀窍是,如果动态添加了列的话,需要在下一次PostBack时,在LoadViewState或更早把这些列重新添加。原因是,在Page类递归调用LoadViewState时,会调用DataGrid的CreateChildControls,而DataGrid的(实际上是它的父类的实现)CreateChildControls会调用DataGrid的CreateControlHierarchy()方法。在其中,DataGrid会根据当前的列的数目构造DataGridItem里的东西,然后从ViewState里恢复原来的数据。如果你没有重新添加你的动态列的话,你的动态列在PostBack后就会消失,更不用谈触发列里的控件的事件了

检验你的动态控件在PostBack后是否还在的一个方法是,加一个按钮看PostBack后的行为

下面是一个简单的测试

<html>
<body>
<form runat=”server”>
<asp:DataGrid id=”DataGrid1″ runat=”server”
GridLines=”Both” AutoGenerateColumns=”false”
OnItemCommand=”DataGrid1_ItemCommand”>
 <Columns>
 <asp:ButtonColumn HeaderText=”Static Button” Text=”Click Me”
 CommandName=”Static”/>
 <asp:TemplateColumn HeaderText=”Data”>
  <ItemTemplate><%#Container.DataItem%></ItemTemplate>
 </asp:TemplateColumn>
 </Columns>
</asp:DataGrid>
<asp:Button id=”btnAddAColumn” runat=”server” Text=”Add a column” OnClick=”AddButtonColumn”/>
<asp:Button id=”btnRefresh” runat=”server” Text=”Refresh” />
</form>
</body>
</html>

void BindGrid()
{
 DataGrid1.DataSource = new string[] {“a”,”b”,”c”};
 DataGrid1.DataBind();
}

void Page_Load(object sender, EventArgs e)
{
  if (!IsPostBack)
  {
 BindGrid();
  }
}

void DataGrid1_ItemCommand(Object sender, DataGridCommandEventArgs e)
{
 Response.Write(“ItemCommand is called
“);
 LinkButton btn = e.CommandSource as LinkButton;
 if (btn != null)
  Response.Write(String.Format(“{0} is clicked on row {1}”, btn.CommandName, e.Item.ItemIndex));
        
}

//lifted from the original post
public void CreateGridColumn(DataGrid OperationDataGrid)
{
   ButtonColumn NewButCol = new ButtonColumn() ;
   NewButCol.Text = “编辑” ;
   NewButCol.HeaderText = “操作” ;
   NewButCol.CommandName = “Edit” ;
   NewButCol.ButtonType = ButtonColumnType.LinkButton;
   NewButCol.Visible = true ;
   OperationDataGrid.Columns.Add(NewButCol) ;
   //OperationDataGrid.Columns.AddAt(1,NewButCol) ;
}

bool ButtonAdded
{
 get {
  object o = ViewState[“ButtonAdded”];
  if (o == null)
   return false;
  else return (bool)o;
     }
 set { ViewState[“ButtonAdded”] = value;}
}

void AddButtonColumn(object sender, EventArgs e)
{
 CreateGridColumn(DataGrid1);
 ButtonAdded = true;
 BindGrid();
 btnAddAColumn.Visible = false;
}

protected override void LoadViewState(object savedState)
{
 base.LoadViewState(savedState);
 
//在这里重新添加,假如已经添加的话
 if (ButtonAdded)
 CreateGridColumn(DataGrid1);
}

ASP.NET 2.0 Tips(1):跨页提交

在ASP.NET 1.x的时候,很多朋友可能需要进行跨页提交的处理,也就是从页面A能够提交到页面B,甚至不同的Control其目标处理页面也各不相同。尤其是从ASP/JSP/PHP转过来的开发人员,可能更有这种需求。但很不幸,在ASP.NET 1.x的时候,处理这种跨页请求是十分丑陋的,需要非常多的“技巧化”处理。

在ASP.NET 2.0的时候,对于跨页提交已经有了非常合理的解决方案,以下就是一个示例。

SourcePage.aspx: 请注意Button1的PostBackUrl属性设置

<%...@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server">... public string YourName ...{ get ...{ return this.TextBox1.Text; } } </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="请输入您的姓名" Width="183px"></asp:Label> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="提交" PostBackUrl="~/TargetPage.aspx" /></div> </form> </body> </html> TargetPage.aspx:请注意PreviousPageType的属性设置
<%...@ Page Language="C#" %>
<%...@ PreviousPageType VirtualPath="~/SourcePage.aspx" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server">... protected void Page_Load(object sender, EventArgs e) ...{ this.Label1.Text = PreviousPage.YourName; } </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" ></asp:Label> </div> </form> </body> </html>

OK,就通过这么简单的两个属性设置,就可以非常方便的得到跨页提交的特性。当然,您也可以根据您自己的需求,比如每个Control需要提交到不同的页面来进行更加复杂的设置。