動态模闆列更新資料分頁的例子

前台：

<%@ Page language="c#" Codebehind="WebForm30.aspx.cs" AutoEventWireup="false" Inherits="csdn.WebForm30" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>WebForm30</title>

</HEAD>

<asp:DataGrid ID="DataGrid1" Runat="server"></asp:DataGrid>

</form>

</body>

</HTML>

背景：

using System;

using System.Collections;

using System.ComponentModel;

using System.Data;

using System.Data.SqlClient;

using System.Drawing;

using System.Web;

using System.Web.SessionState;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

namespace csdn

{

/// <summary>

/// WebForm30 的摘要說明。

/// </summary>

public class WebForm30 : System.Web.UI.Page

{

protected System.Web.UI.WebControls.DataGrid DataGrid1;

private void Page_Load(object sender, System.EventArgs e)

{

// 在此處放置使用者代碼以初始化頁面

if(!IsPostBack)

{

BindGrid();

}

CreateDataGrid();//進行一些DataGrid的設定

}

protected void CreateDataGrid()

{

DataGrid1.AutoGenerateColumns=false;//不啟用自動生成列

DataGrid1.CssClass="border";//邊框樣式

DataGrid1.BorderWidth=0;

DataGrid1.CellSpacing=1;

DataGrid1.CellPadding=5;

DataGrid1.ItemStyle.CssClass="item";//普通列樣式

DataGrid1.HeaderStyle.CssClass="header";//頭樣式

DataGrid1.PagerStyle.CssClass="header";//頁腳樣式

DataGrid1.DataKeyField="stuid";//主鍵字段

DataGrid1.AllowPaging=true;//允許分頁

DataGrid1.PageSize=5;//分頁大小

DataGrid1.PagerStyle.Mode=PagerMode.NumericPages;//數字形式分頁

EditCommandColumn ecc=new EditCommandColumn();//更新按鈕列

ecc.ButtonType=ButtonColumnType.PushButton;//下壓按鈕

ecc.EditText="編輯";

ecc.CancelText="取消";

ecc.UpdateText="更新";//按鈕文字

DataGrid1.Columns.Add(ecc);//增加按鈕列

DataGrid1.EditCommand+=new DataGridCommandEventHandler(DataGrid1_EditCommand);

DataGrid1.UpdateCommand+=new DataGridCommandEventHandler(DataGrid1_UpdateCommand);

DataGrid1.CancelCommand+=new DataGridCommandEventHandler(DataGrid1_CancelCommand);//更新、取消、編輯事件注冊

DataGrid1.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(DataGrid1_PageIndexChanged);//分頁事件注冊，這裡需要注意注冊事件代碼的位置，不能放到BindGrid()中

SetBind(); //綁定資料

protected void BindGrid()

{

TemplateColumn tm=new TemplateColumn();

tm.ItemTemplate=new ColumnTemplate1();//普通列

tm.EditItemTemplate=new ColumnTemplate2();//編輯列

tm.HeaderText="姓名";

DataGrid1.Columns.AddAt(0,tm);//在第一列增加第一個模闆列

TemplateColumn tm2=new TemplateColumn();

tm2.ItemTemplate=new ColumnTemplate3();

tm2.EditItemTemplate=new ColumnTemplate4();

tm2.HeaderText="學院";

DataGrid1.Columns.AddAt(1,tm2);//在第二列增加第一個模闆列

DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(DataGrid1_ItemDataBound);//資料綁定事件注冊，這裡需要注意注冊事件代碼的位置

SetBind();

protected void SetBind()

SqlConnection conn=new SqlConnection(System.Configuration.ConfigurationSettings.AppSettings["conn"]);

SqlDataAdapter da=new SqlDataAdapter("select * from stu,dep where stu.studepid=dep.depid",conn);

DataSet ds=new DataSet();

da.Fill(ds,"table1");

this.DataGrid1.DataSource=ds.Tables["table1"];

this.DataGrid1.DataBind();

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)

SqlDataAdapter da=new SqlDataAdapter("select * from dep",conn);

if(e.Item.ItemType==ListItemType.EditItem)

DropDownList ddl=(DropDownList)e.Item.FindControl("dep");

ddl.DataSource=ds.Tables["table1"];

ddl.DataTextField="depname";

ddl.DataValueField="depid";

ddl.DataBind();

ddl.Items.FindByValue(Convert.ToString(DataBinder.Eval(e.Item.DataItem,"depid"))).Selected=true;

private void DataGrid1_EditCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)

this.DataGrid1.EditItemIndex=e.Item.ItemIndex;

BindGrid();

private void DataGrid1_CancelCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)

this.DataGrid1.EditItemIndex=-1;

private void DataGrid1_UpdateCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e)

string uid=e.Item.UniqueID+":";//注意别遺漏冒号

SqlCommand comm=new SqlCommand("update stu set stuname=@name,studepid=@depid where stuid=@id",conn);

SqlParameter parm1=new SqlParameter("@name",SqlDbType.NVarChar,50);

parm1.Value=Request.Form[uid+"name"].ToString();

SqlParameter parm2=new SqlParameter("@depid",SqlDbType.Int);

parm2.Value=Request.Form[uid+"dep"].ToString();;

SqlParameter parm3=new SqlParameter("@id",SqlDbType.Int);

parm3.Value=this.DataGrid1.DataKeys[e.Item.ItemIndex];

comm.Parameters.Add(parm1);

comm.Parameters.Add(parm2);

comm.Parameters.Add(parm3);

conn.Open();

comm.ExecuteNonQuery();

conn.Close();

BindGrid();

//之是以不能采用以前的((TextBox)e.Item.FindControl("name")).Text來取得資料時因為，DataGrid列是動态添加的，根本取不到

private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)

this.DataGrid1.CurrentPageIndex=e.NewPageIndex;

#region Web 窗體設計器生成的代碼

override protected void OnInit(EventArgs e)

// CODEGEN: 該調用是 ASP.NET Web 窗體設計器所必需的。

InitializeComponent();

base.OnInit(e);

/// <summary>

/// 設計器支援所需的方法 - 不要使用代碼編輯器修改

/// 此方法的内容。

/// </summary>

private void InitializeComponent()

this.Load += new System.EventHandler(this.Page_Load);

#endregion

}

public class ColumnTemplate1 : ITemplate

public void InstantiateIn(Control container)

LiteralControl l = new LiteralControl();

l.DataBinding += new EventHandler(this.OnDataBinding);

container.Controls.Add(l);

public void OnDataBinding(object sender, EventArgs e)

LiteralControl l = (LiteralControl) sender;

DataGridItem container = (DataGridItem) l.NamingContainer;

l.Text = ((DataRowView)container.DataItem)["stuname"].ToString();

public class ColumnTemplate2 : ITemplate

TextBox t = new TextBox();

t.Width=88;

t.ID="name";//需要給一個id，在Request.Form的時候可以取

t.DataBinding += new EventHandler(this.OnDataBinding);

container.Controls.Add(t);

TextBox t= (TextBox) sender;

DataGridItem container = (DataGridItem) t.NamingContainer;

t.Text = ((DataRowView)container.DataItem)["stuname"].ToString();//綁定stuname字段

public class ColumnTemplate3 : ITemplate

l.Text = ((DataRowView)container.DataItem)["depname"].ToString();

public class ColumnTemplate4 : ITemplate

DropDownList dpl = new DropDownList();

dpl.ID="dep";

container.Controls.Add(dpl);

}//這裡沒有為這個下拉框進行資料綁定，在DataGrid1的ItemDataBound中進行了這個操作

}

代碼比較簡單，在代碼中有注釋簡單的解釋。

補充2點：（1）這次的DataGrid是在設計生成的，不是上次的運作時，後者會造成更新的紊亂；（2）處于簡單，代碼中模闆列類沒有很好的封裝，在運用的時候還是應該對字段和模闆列類型(ListItemType)進行封裝

動态模闆列更新資料分頁的例子

繼續閱讀

七牛雲-C#SDK-上傳-前期準備

nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權

debian9更新4.9.0核心到4.19.2核心過程

Javascript建構Bingo卡片遊戲

JavaScript的那些坑之事件代理事件代理事件階段

javascript的for (var i in data)慎用javascript中的for (var i in data)謹慎用

tab滑鼠經過菜單切換

vue （vue2.0）使用總結(從大體結構總結)

vue搭建過程及出現問題

/\B(?=(?:\d{3})+$)/g 一條令人費解的正規表達式

neo4j之cypher使用文檔

适用于JavaScript的ECMAScript 2020規範向前發展

JS生成uuid的四種方法

sqlServer根據經緯查距離

layui多任務上傳添加進度條