|
根据用户需要，一个页面中，有几个不同的button,点击不同的button,可在下方同一区域产生gridview，（当然他们的gridview是不同的)。之前用MultiView来控制，用了几个view在html中绑定了几个Gridview，然后根据点击的按钮不同，切换不同的view。但总觉得这种方式不爽~~，html代码太多，控制起来很麻烦~！
于是就想到用这种动态的方式实现。Html中只有一个div，用来放置生成的控件，其他全部在后台实现。
有一点需要注意：如果是在html中加入的控件，页面回发前后系统都会对其状态和属性做viewstate处理，所以，回发时，根据页面生命周期：页面重新初始化并加载控件实例，而后loadViewstate加载控件属性和状态，之后回发前控件状态重新出现。但是对于动态加载的控件，viewstate记住了他们的属性和状态，但是并没有存储控件本身。所以回发后，控件也就不见了~
鉴于此，有多种处理办法，但是归根到底，都需要在页面回发时的初始化状态下对动态控件重新加载。我这里所做的是在page_load事件中，对其重新加载的，当然也可以在更早的事件中做。
说明： 因为是几个不同的加载，所以这里做个一个sign标记（用的static string, 也可以用属性），从而在重新加载的时候判断到底加载哪个gridview.
废话不多说，看代码：
HTML:
<html xmlns="http://www./1999/xhtml">
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="list">
<asp:Button ID="btngv" runat="server" Text="生成GridView 1" onclick="btngv_Click" />
<asp:Button ID="Button1" runat="server" Text="生成GridView 2" onclick="Button1_Click" />
</div>
<div id="divshow" runat="server" >
<%...--在这里放置动态生成的gridview--%>
</div>
</div>
</form>
</body>
</html>
CS:
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page
...{
GridView gvshow=null;
public static string sign;
protected void Page_Load(object sender, EventArgs e)
...{
if (sign != null) //根据标记符号来判断，重新绑定那个控件
...{
if (sign == "gv1")
setBind();
else
setBind2();
}
}
public void setBind()
...{
DataTable dt = getDataTable(); //获得数据源
gvshow = new GridView();
gvshow.Width = Unit.Pixel(700);
gvshow.AutoGenerateColumns = false;
gvshow.RowEditing += new GridViewEditEventHandler(gvshow_RowEditing); //添加编辑事件
gvshow.RowDeleting +=new GridViewDeleteEventHandler(gvshow_RowDeleting);
gvshow.DataSource = dt;
for (int i = 0; i < dt.Columns.Count; i++)
...{
BoundField bc = new BoundField();
bc.DataField = dt.Columns[i].ColumnName.ToString();
bc.HeaderText = dt.Columns[i].Caption.ToString();
gvshow.Columns.Add(bc);
}
CommandField cf = new CommandField();
cf.ButtonType = ButtonType.Link;
cf.ShowEditButton = true;
cf.CausesValidation = false;
gvshow.Columns.Add(cf);
CommandField cf2 = new CommandField();
cf2.ButtonType = ButtonType.Link;
cf2.ShowDeleteButton = true;
cf2.CausesValidation = false;
gvshow.Columns.Add(cf2);
gvshow.DataBind();
divshow.Controls.Add(gvshow);
}
public void setBind2()
...{
DataTable dt = getDataTable(); //获得数据源
gvshow = new GridView();
gvshow.Width = Unit.Pixel(700);
gvshow.AutoGenerateColumns = false;
gvshow.RowDeleting +=new GridViewDeleteEventHandler(gvshow_RowDeleting); //添加删除事件
gvshow.DataSource = dt;
for (int i = 0; i < dt.Columns.Count; i++)
...{
BoundField bc = new BoundField();
bc.DataField = dt.Columns[i].ColumnName.ToString();
bc.HeaderText = dt.Columns[i].Caption.ToString();
gvshow.Columns.Add(bc);
}
CommandField cf = new CommandField();
cf.ButtonType = ButtonType.Link;
cf.ShowDeleteButton = true;
cf.CausesValidation = false;
gvshow.Columns.Add(cf);
gvshow.DataBind();
divshow.Controls.Add(gvshow);
}
void gvshow_RowDeleting(object sender, GridViewDeleteEventArgs e)
...{
int i = e.RowIndex;
Response.Write("delete:" + gvshow.Rows[i].Cells[0].Text.ToString());
}
protected void btngv_Click(object sender, EventArgs e) //条件选择后，点击生成按钮，生成特定的gridview
...{
divshow.Controls.Clear();
setBind();
sign = "gv1";
}
public void gvshow_RowEditing(object sender, GridViewEditEventArgs e)
...{
int i = e.NewEditIndex;
string id = gvshow.Rows[i].Cells[0].Text.ToString();
Response.Write("you want to edit"+id);
}
public DataTable getDataTable()
...{
DAL.ISDApp01 cDal = new DAL.ISDApp01();
string sql = "select * from test";
DataTable dt = cDal.ExecuteQuery(sql).Tables[0];
return dt;
}
protected void Button1_Click(object sender, EventArgs e)
...{
divshow.Controls.Clear();
setBind2();
sign = "gv2";
}
}
文章出处：http://www./course/4_webprogram/asp.net/netjs/2008520/117330.html
|
