自从 9月未开始写关于"ICONIX方法"的系列文章以来，到今天已有两个多月了，当初因为兴趣点的转移才划一
段落的Discuz!NT 系列文章，从今天开始又要开始续写了。这写这个系列以来，大家对我写的内容也是包贬不一，
其实这也是众口难调所致，我会在接下来的几篇随笔中尽力顾及大家的感受和阅读口味。最后还是希望大家能支持我们

的这个开源项目。

好了，开始今天的话题!

先请大家看一下这个控件运行时的效果图:

效果图1: datagrid_1.JPG

效果图2: datagrid_2.JPG

需要说明的是写这个控件（继承自.net DataGrid 控件）的动机:

其实在产品早期，为了提高开发速度。我们最先使用的是Component Art 控件库中的DataGrid控件，相信园子
里肯定有人用过这个商业控件库，甚至研究过它。从我个人感受看，我只能是“NB”来形容它了，首先是它的使用习惯
和方法名称非常接近（甚至完全相同）于我们所熟悉的Microsoft .NET DataGrid 控件，另外就是它的功能比微软
的DataGrid强大得不是一点半点，是那种“很好很强大”的东东。我在这里要向那些致力于控件开发的朋友推荐这个
控件库，相信大家会从它的源码中学到很多有益的东西。

如果这里有些朋友还不知道它的话，建议大家看看 CS（这里可不是"反恐精英"呀）,这个开源社区软件里的控件
库就用的是Component Art。

言归正传吧，因为Component Art是商业控件库，如果使用的话会有许多问题（如授权等）。所以在Discuz!NT
1.0 正式版推出前, 我们的相应代码基本上都又再次回到了 Microsoft .NET DataGrid上了，同时考虑到所开发的
代码要适用于.net1.0-.net2.0，所以没有使用.net2.0中的DataView控件。

即然决定使用Microsoft .NET DataGrid，那么就要看看它到底适不适合我们这个项目了:) ，因为之前已完成
了后台的编码工作，而剩下的就是在确保少修改代码，甚至减少代码量的基础上使用这个控件来摆脱Component Art。

在减少代码量的方面，这里对“原始”的DataGrid进行了不少的封装, 如下:

1.绑定数据部分，为了实现只给一条 SQL语句，就完成数据绑定的设计，我在继承自DataGrid的类中写了如下
方法:

1//添加表类型对象
2 public void BindData(string sqlstring)
3 {
4 this.SqlText = sqlstring;
5
6 //DbHelper类我在之前的关于数据库链接一文中已介绍过，大家可以参考一下
7 DataTable dt = DbHelper.ExecuteDataset(CommandType.Text, sqlstring).Tables[0];
8
9 //用于标识记录数
10 this.VirtualItemCount = dt.Rows.Count;
11
12 //下面两行代码就不用多说了吧:)
13 this.DataSource = dt;
14 this.DataBind();
15 }
16
17 public void BindData()
18 {
19 if ((this.SqlText != null) && (this.SqlText != ""))
20 {
21 BindData(this.SqlText);
22 }
23
24 }
25
26
2.加载编辑列和删除列按钮的方法如下:

1public void LoadEditColumn()
2 {
3 EditCommandColumn ecc = new EditCommandColumn();//更新按钮列
4 ecc.SortExpression = "desc";
5 ecc.ButtonType = ButtonColumnType.LinkButton;//链接按钮
6 ecc.EditText = "编辑";
7 ecc.UpdateText = "更新";
8 ecc.CancelText = "取消";
9 ecc.ItemStyle.Width = 70;
10 this.Columns.AddAt(0, ecc);//增加按钮列
11 }
12
13 public void LoadDeleteColumn()
14 {
15 ButtonColumn bc = new ButtonColumn();
16 bc.SortExpression = "desc";
17 bc.CommandName = "Delete";
18 bc.Text = "删除";
19 bc.ItemStyle.Width = 70;
20 this.Columns.AddAt(1, bc);//增加按钮列
21 }
22
23
3.在点击编辑，取消和跳转指定分页上也进行了封装如下：

1 public void EditByItemIndex(int itemindex)
2 {
3 this.EditItemIndex = itemindex;
4 BindData();
5 }
6
7 public void Cancel()
8 {
9 this.EditItemIndex = -1;
10 BindData();
11 }
12
13 public void LoadCurrentPageIndex(int value)
14 {
15 this.CurrentPageIndex = (value < 0) ? 0 : value;
16 BindData();
17 }
18
19
4.点击表头的排序任务通过下面的属性来完成:

1private string sort;
2
3 [Bindable(true), Category("Appearance"), DefaultValue("")]
4 public string Sort
5 {
6 get
7 {
8 return sort;
9 }
10 set
11 {
12 sort = value;
13 SortTable(sort, (DataTable)null);
14 }
15 }
16
17

而SortTable函数的声明如下:

1public void SortTable(string SortExpression, DataTable dt)
2 {
3 DataView dv = new DataView();
4 if (dt != null && dt.Rows.Count > 0)
5 {
6 dv = new DataView(dt);
7 }
8 else
9 {
10 if (this.SqlText != null && this.SqlText != "")
11 {
12 dv = new DataView(DbHelper.ExecuteDataset(CommandType.Text, this.SqlText).
13 Tables[0]);
14 }
15 else
16 {
17 return;
18 }
19 }
20 dv.Sort = SortExpression.Replace("21 this.DataGridSortType;
22 //dv.Sort= SortExpression+" "+this.DataGridSortType;
23 this.DataSource = dv;
24 this.DataBind();
25 }
26
27
28 public void SortTable(string SortExpression, string sqlstring)
29 {
30 DataView dv = new DataView();
31 if (sqlstring != null && sqlstring != "")
32 {
33 dv = new DataView(DbHelper.ExecuteDataset(CommandType.Text, sqlstring).
34 Tables[0]);
35 }
36 else
37 {
38 return;
39 }
40
41 dv.Sort = SortExpression.Replace("42 this.DataGridSortType;
43 this.DataSource = dv;
44 this.DataBind();
45 }
46
47
而里面的DataGridSortType属性, 即标识当前是升序还是降序排列当前表字段:

1 [Description("表头的名称。"), Category("Appearance"), DefaultValue("ASC")]
2 public string DataGridSortType
3 {
4 get
5 {
6
7 object obj = ViewState["DataGridSortType"];
8 string ascordesc = obj == null ? "ASC" : (string)obj;
9 if (ascordesc == "ASC")
10 {
11 ViewState["DataGridSortType"] = "DESC";
12 return "DESC";
13 }
14 else
15 {
16 ViewState["DataGridSortType"] = "ASC";
17 return "ASC";
18 }
19
20 }
21 set
22 {
23 ViewState["DataGridSortType"] = value;
24 }
25 }
26
27
5.当按表头某字段进行排序时，在字段名称后添加“向下”或“向上”箭头icon。这里为了实现和使用方便，在
继承自datagrid的基础上绑定(详见构造函数)并实现了SortGrid方法（下面代码比较简单，就不做说明了）:

1protected void SortGrid(Object sender, DataGridSortCommandEventArgs e)
2 {
3
4 SortTable(e.SortExpression, (DataTable)null);
5
6 foreach (System.Web.UI.WebControls.DataGridColumn dc in this.Columns)
7 {
8 if (dc.SortExpression == e.SortExpression)
9 {
10 if (dc.HeaderText.IndexOf("13 {
14 dc.HeaderText = dc.HeaderText.Replace("15 gif height=13>", "");
16 }
17 else
18 {
19 dc.HeaderText = dc.HeaderText.Replace("20 gif height=13>", "");
21 }
22 }
23 else
24 {
25 if (this.DataGridSortType == "ASC")
26 {
27 dc.HeaderText = dc.HeaderText + "28 height=13>";
29 }
30 else
31 {
32 dc.HeaderText = dc.HeaderText + "33 height=13>";
34 }
35 }
36 }
37 else
38 {
39 dc.HeaderText = dc.HeaderText.Replace("40 }
41 }
42 }
43
44
45
6.当鼠标在数据行间移动时的背景颜色变化的效果也设置在了控件中，相应的代码段如下:

1 public void DataGrid_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
2 {
3 if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
4 {
5 e.Item.Attributes.Add("onmouseover", "this.className='mouseoverstyle'");
6 e.Item.Attributes.Add("onmouseout", "this.className='mouseoutstyle'");
7 e.Item.Style["cursor"] = "hand";
8 }
9
10

通过上面的一番"折腾"，使用原来很好用的datagrid在使用上进一步“代码瘦身”，相应的CS代码也相应的变成了
下面的样子(数据表通过运行下载包中的SQL脚本创建即可):

1protected void Page_Load(object sender, EventArgs e)
2 {
3 if (!Page.IsPostBack)
4 {
5 BindData();
6 }
7 }
8
9 public void BindData()
10 {
11 //是否允许自定义分页（继承自.net datagrid）
12 DataGrid1.AllowCustomPaging = false;
13 //定义列表名称
14 DataGrid1.TableHeaderName = "过滤词列表";
15 DataGrid1.BindData("SELECT * FROM [dnt_smilies]");
16 }
17
18 protected void Sort_Grid(Object sender, DataGridSortCommandEventArgs e)
19 {
20 DataGrid1.Sort = e.SortExpression.ToString();
21 }
22
23
24 protected void DataGrid_PageIndexChanged(object source, DataGridPageChangedEventArgs e)
25 {
26 DataGrid1.LoadCurrentPageIndex(e.NewPageIndex);
27 }
28
29 protected void DataGrid_Edit(Object sender, DataGridCommandEventArgs E)
30 {
31 DataGrid1.EditByItemIndex(E.Item.ItemIndex);
32 }
33
34 protected void DataGrid_Cancel(Object sender, DataGridCommandEventArgs E)
35 {
36 DataGrid1.Cancel();
37 }
38
39

当然，如果您觉得还是以前的.net datagrid 使用方便，这个控件也是兼容的。

上面的改进只是为了少写代码，是一种“偷懒”的行径。而下面的代码就是在microsoft datagrid基础上的订制
改进了。