自从 9月未开始写关于"ICONIX方法"的系列文章以来,到今天已有两个多月了,当初因为兴趣点的转移才划一
段落的Discuz!NT 系列文章,从今天开始又要开始续写了。这写这个系列以来,大家对我写的内容也是包贬不一,
其实这也是众口难调所致,我会在接下来的几篇随笔中尽力顾及大家的感受和阅读口味。最后还是希望大家能支持我们
的这个开源项目。
好了,开始今天的话题!
先请大家看一下这个控件运行时的效果图:
效果图1: datagrid_1.JPG
![](/assets/blank.gif)
效果图2: datagrid_2.JPG
![](/assets/blank.gif)
需要说明的是写这个控件(继承自.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
![](/assets/blank.gif)
// 添加表类型对象
2
![](/assets/blank.gif)
public void BindData( string sqlstring)
3
![](/assets/blank.gif)
![](/assets/blank.gif)
{
4
![](/assets/blank.gif)
this.SqlText = sqlstring;
5
![](/assets/blank.gif)
6
![](/assets/blank.gif)
//DbHelper类我在之前的关于数据库链接一文中已介绍过,大家可以参考一下
7
![](/assets/blank.gif)
DataTable dt = DbHelper.ExecuteDataset(CommandType.Text, sqlstring).Tables[0];
8
![](/assets/blank.gif)
9
![](/assets/blank.gif)
//用于标识记录数
10
![](/assets/blank.gif)
this.VirtualItemCount = dt.Rows.Count;
11
![](/assets/blank.gif)
12
![](/assets/blank.gif)
//下面两行代码就不用多说了吧:)
13
![](/assets/blank.gif)
this.DataSource = dt;
14
![](/assets/blank.gif)
this.DataBind();
15
![](/assets/blank.gif)
}
16
17
![](/assets/blank.gif)
public void BindData()
18
![](/assets/blank.gif)
![](/assets/blank.gif)
{
19
![](/assets/blank.gif)
if ((this.SqlText != null) && (this.SqlText != ""))
20
![](/assets/blank.gif)
![](/assets/blank.gif)
{
21
![](/assets/blank.gif)
BindData(this.SqlText);
22
![](/assets/blank.gif)
}
23
![](/assets/blank.gif)
![](/assets/blank.gif)
24
![](/assets/blank.gif)
}
25
![](/assets/blank.gif)
26
2.加载编辑列和删除列按钮的方法如下:
1
![](/assets/blank.gif)
public void LoadEditColumn()
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
EditCommandColumn ecc = new EditCommandColumn();//更新按钮列
4
![](/assets/blank.gif)
ecc.SortExpression = "desc";
5
![](/assets/blank.gif)
ecc.ButtonType = ButtonColumnType.LinkButton;//链接按钮
6
![](/assets/blank.gif)
ecc.EditText = "编辑";
7
![](/assets/blank.gif)
ecc.UpdateText = "更新";
8
![](/assets/blank.gif)
ecc.CancelText = "取消";
9
![](/assets/blank.gif)
ecc.ItemStyle.Width = 70;
10
![](/assets/blank.gif)
this.Columns.AddAt(0, ecc);//增加按钮列
11
![](/assets/blank.gif)
}
12
![](/assets/blank.gif)
13
![](/assets/blank.gif)
public void LoadDeleteColumn()
14
![](/assets/blank.gif)
![](/assets/blank.gif)
{
15
![](/assets/blank.gif)
ButtonColumn bc = new ButtonColumn();
16
![](/assets/blank.gif)
bc.SortExpression = "desc";
17
![](/assets/blank.gif)
bc.CommandName = "Delete";
18
![](/assets/blank.gif)
bc.Text = "删除";
19
![](/assets/blank.gif)
bc.ItemStyle.Width = 70;
20
![](/assets/blank.gif)
this.Columns.AddAt(1, bc);//增加按钮列
21
![](/assets/blank.gif)
}
22
![](/assets/blank.gif)
23
3.在点击编辑,取消和跳转指定分页上也进行了封装如下:
1
![](/assets/blank.gif)
public void EditByItemIndex( int itemindex)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
this.EditItemIndex = itemindex;
4
![](/assets/blank.gif)
BindData();
5
![](/assets/blank.gif)
}
6
![](/assets/blank.gif)
7
![](/assets/blank.gif)
public void Cancel()
8
![](/assets/blank.gif)
![](/assets/blank.gif)
{
9
![](/assets/blank.gif)
this.EditItemIndex = -1;
10
![](/assets/blank.gif)
BindData();
11
![](/assets/blank.gif)
}
12
![](/assets/blank.gif)
13
![](/assets/blank.gif)
public void LoadCurrentPageIndex( int value)
14
![](/assets/blank.gif)
![](/assets/blank.gif)
{
15
![](/assets/blank.gif)
this.CurrentPageIndex = (value < 0) ? 0 : value;
16
![](/assets/blank.gif)
BindData();
17
![](/assets/blank.gif)
}
18
![](/assets/blank.gif)
19
4.点击表头的排序任务通过下面的属性来完成:
1
![](/assets/blank.gif)
private string sort;
2
![](/assets/blank.gif)
3
![](/assets/blank.gif)
[Bindable( true ), Category( " Appearance " ), DefaultValue( "" )]
4
![](/assets/blank.gif)
public string Sort
5
![](/assets/blank.gif)
![](/assets/blank.gif)
{
6
![](/assets/blank.gif)
get
7
![](/assets/blank.gif)
![](/assets/blank.gif)
{
8
![](/assets/blank.gif)
return sort;
9
![](/assets/blank.gif)
}
10
![](/assets/blank.gif)
set
11
![](/assets/blank.gif)
![](/assets/blank.gif)
{
12
![](/assets/blank.gif)
sort = value;
13
![](/assets/blank.gif)
SortTable(sort, (DataTable)null);
14
![](/assets/blank.gif)
}
15
![](/assets/blank.gif)
}
16
![](/assets/blank.gif)
17
而SortTable函数的声明如下:
1
![](/assets/blank.gif)
public void SortTable( string SortExpression, DataTable dt)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
DataView dv = new DataView();
4
![](/assets/blank.gif)
if (dt != null && dt.Rows.Count > 0)
5
![](/assets/blank.gif)
![](/assets/blank.gif)
{
6
![](/assets/blank.gif)
dv = new DataView(dt);
7
![](/assets/blank.gif)
}
8
![](/assets/blank.gif)
else
9
![](/assets/blank.gif)
![](/assets/blank.gif)
{
10
![](/assets/blank.gif)
if (this.SqlText != null && this.SqlText != "")
11
![](/assets/blank.gif)
![](/assets/blank.gif)
{
12
![](/assets/blank.gif)
dv = new DataView(DbHelper.ExecuteDataset(CommandType.Text, this.SqlText).
13
![](/assets/blank.gif)
Tables[0]);
14
![](/assets/blank.gif)
}
15
![](/assets/blank.gif)
else
16
![](/assets/blank.gif)
![](/assets/blank.gif)
{
17
![](/assets/blank.gif)
return;
18
![](/assets/blank.gif)
}
19
![](/assets/blank.gif)
}
20
![](/assets/blank.gif)
dv.Sort = SortExpression.Replace("<img", "~").Split('~')[0] + " " +
21
![](/assets/blank.gif)
this.DataGridSortType;
22
![](/assets/blank.gif)
//dv.Sort= SortExpression+" "+this.DataGridSortType;
23
![](/assets/blank.gif)
this.DataSource = dv;
24
![](/assets/blank.gif)
this.DataBind();
25
![](/assets/blank.gif)
}
26
![](/assets/blank.gif)
27
![](/assets/blank.gif)
28
![](/assets/blank.gif)
public void SortTable( string SortExpression, string sqlstring)
29
![](/assets/blank.gif)
![](/assets/blank.gif)
{
30
![](/assets/blank.gif)
DataView dv = new DataView();
31
![](/assets/blank.gif)
if (sqlstring != null && sqlstring != "")
32
![](/assets/blank.gif)
![](/assets/blank.gif)
{
33
![](/assets/blank.gif)
dv = new DataView(DbHelper.ExecuteDataset(CommandType.Text, sqlstring).
34
![](/assets/blank.gif)
Tables[0]);
35
![](/assets/blank.gif)
}
36
![](/assets/blank.gif)
else
37
![](/assets/blank.gif)
![](/assets/blank.gif)
{
38
![](/assets/blank.gif)
return;
39
![](/assets/blank.gif)
}
40
![](/assets/blank.gif)
41
![](/assets/blank.gif)
dv.Sort = SortExpression.Replace("<img", "~").Split('~')[0] + " " +
42
![](/assets/blank.gif)
this.DataGridSortType;
43
![](/assets/blank.gif)
this.DataSource = dv;
44
![](/assets/blank.gif)
this.DataBind();
45
![](/assets/blank.gif)
}
46
![](/assets/blank.gif)
47
而里面的DataGridSortType属性, 即标识当前是升序还是降序排列当前表字段:
1
![](/assets/blank.gif)
[Description( " 表头的名称。 " ), Category( " Appearance " ), DefaultValue( " ASC " )]
2
![](/assets/blank.gif)
public string DataGridSortType
3
![](/assets/blank.gif)
![](/assets/blank.gif)
{
4
![](/assets/blank.gif)
get
5
![](/assets/blank.gif)
![](/assets/blank.gif)
{
6
![](/assets/blank.gif)
7
![](/assets/blank.gif)
object obj = ViewState["DataGridSortType"];
8
![](/assets/blank.gif)
string ascordesc = obj == null ? "ASC" : (string)obj;
9
![](/assets/blank.gif)
if (ascordesc == "ASC")
10
![](/assets/blank.gif)
![](/assets/blank.gif)
{
11
![](/assets/blank.gif)
ViewState["DataGridSortType"] = "DESC";
12
![](/assets/blank.gif)
return "DESC";
13
![](/assets/blank.gif)
}
14
![](/assets/blank.gif)
else
15
![](/assets/blank.gif)
![](/assets/blank.gif)
{
16
![](/assets/blank.gif)
ViewState["DataGridSortType"] = "ASC";
17
![](/assets/blank.gif)
return "ASC";
18
![](/assets/blank.gif)
}
19
![](/assets/blank.gif)
20
![](/assets/blank.gif)
}
21
![](/assets/blank.gif)
set
22
![](/assets/blank.gif)
![](/assets/blank.gif)
{
23
![](/assets/blank.gif)
ViewState["DataGridSortType"] = value;
24
![](/assets/blank.gif)
}
25
![](/assets/blank.gif)
}
26
![](/assets/blank.gif)
27
5.当按表头某字段进行排序时,在字段名称后添加“向下”或“向上”箭头icon。这里为了实现和使用方便,在
继承自datagrid的基础上绑定(详见构造函数)并实现了SortGrid方法(下面代码比较简单,就不做说明了):
1
![](/assets/blank.gif)
protected void SortGrid(Object sender, DataGridSortCommandEventArgs e)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
4
![](/assets/blank.gif)
SortTable(e.SortExpression, (DataTable)null);
5
![](/assets/blank.gif)
6
![](/assets/blank.gif)
foreach (System.Web.UI.WebControls.DataGridColumn dc in this.Columns)
7
![](/assets/blank.gif)
![](/assets/blank.gif)
{
8
![](/assets/blank.gif)
if (dc.SortExpression == e.SortExpression)
9
![](/assets/blank.gif)
![](/assets/blank.gif)
{
10
![](/assets/blank.gif)
if (dc.HeaderText.IndexOf("<img src=") >= 0)
11
![](/assets/blank.gif)
![](/assets/blank.gif)
{
12
![](/assets/blank.gif)
if (this.DataGridSortType == "ASC")
13
![](/assets/blank.gif)
![](/assets/blank.gif)
{
14
![](/assets/blank.gif)
dc.HeaderText = dc.HeaderText.Replace("<img src=" + this.ImagePath + "asc.
15
![](/assets/blank.gif)
gif height=13>", "<img src=" + this.ImagePath + "desc.gif height=13>");
16
![](/assets/blank.gif)
}
17
![](/assets/blank.gif)
else
18
![](/assets/blank.gif)
![](/assets/blank.gif)
{
19
![](/assets/blank.gif)
dc.HeaderText = dc.HeaderText.Replace("<img src=" + this.ImagePath + "desc.
20
![](/assets/blank.gif)
gif height=13>", "<img src=" + this.ImagePath + "asc.gif height=13>");
21
![](/assets/blank.gif)
}
22
![](/assets/blank.gif)
}
23
![](/assets/blank.gif)
else
24
![](/assets/blank.gif)
![](/assets/blank.gif)
{
25
![](/assets/blank.gif)
if (this.DataGridSortType == "ASC")
26
![](/assets/blank.gif)
![](/assets/blank.gif)
{
27
![](/assets/blank.gif)
dc.HeaderText = dc.HeaderText + "<img src=" + this.ImagePath + "desc.gif
28
![](/assets/blank.gif)
height=13>";
29
![](/assets/blank.gif)
}
30
![](/assets/blank.gif)
else
31
![](/assets/blank.gif)
![](/assets/blank.gif)
{
32
![](/assets/blank.gif)
dc.HeaderText = dc.HeaderText + "<img src=" + this.ImagePath + "asc.gif
33
![](/assets/blank.gif)
height=13>";
34
![](/assets/blank.gif)
}
35
![](/assets/blank.gif)
}
36
![](/assets/blank.gif)
}
37
![](/assets/blank.gif)
else
38
![](/assets/blank.gif)
![](/assets/blank.gif)
{
39
![](/assets/blank.gif)
dc.HeaderText = dc.HeaderText.Replace("<img", "~").Split('~')[0];
40
![](/assets/blank.gif)
}
41
![](/assets/blank.gif)
}
42
![](/assets/blank.gif)
}
43
44
![](/assets/blank.gif)
45
6.当鼠标在数据行间移动时的背景颜色变化的效果也设置在了控件中,相应的代码段如下:
1
![](/assets/blank.gif)
public void DataGrid_ItemDataBound( object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
4
![](/assets/blank.gif)
![](/assets/blank.gif)
{
5
![](/assets/blank.gif)
e.Item.Attributes.Add("onmouseover", "this.className='mouseoverstyle'");
6
![](/assets/blank.gif)
e.Item.Attributes.Add("onmouseout", "this.className='mouseoutstyle'");
7
![](/assets/blank.gif)
e.Item.Style["cursor"] = "hand";
8
![](/assets/blank.gif)
}
9
![](/assets/blank.gif)
![](/assets/blank.gif)
10
通过上面的一番"折腾",使用原来很好用的datagrid在使用上进一步“代码瘦身”,相应的CS代码也相应的变成了
下面的样子(数据表通过运行下载包中的SQL脚本创建即可):
1
![](/assets/blank.gif)
protected void Page_Load( object sender, EventArgs e)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
if (!Page.IsPostBack)
4
![](/assets/blank.gif)
![](/assets/blank.gif)
{
5
![](/assets/blank.gif)
BindData();
6
![](/assets/blank.gif)
}
7
![](/assets/blank.gif)
}
8
![](/assets/blank.gif)
9
![](/assets/blank.gif)
public void BindData()
10
![](/assets/blank.gif)
![](/assets/blank.gif)
{
11
![](/assets/blank.gif)
//是否允许自定义分页(继承自.net datagrid)
12
![](/assets/blank.gif)
DataGrid1.AllowCustomPaging = false;
13
![](/assets/blank.gif)
//定义列表名称
14
![](/assets/blank.gif)
DataGrid1.TableHeaderName = "过滤词列表";
15
![](/assets/blank.gif)
DataGrid1.BindData("SELECT * FROM [dnt_smilies]");
16
![](/assets/blank.gif)
}
17
![](/assets/blank.gif)
18
![](/assets/blank.gif)
protected void Sort_Grid(Object sender, DataGridSortCommandEventArgs e)
19
![](/assets/blank.gif)
![](/assets/blank.gif)
{
20
![](/assets/blank.gif)
DataGrid1.Sort = e.SortExpression.ToString();
21
![](/assets/blank.gif)
}
22
![](/assets/blank.gif)
23
24
![](/assets/blank.gif)
protected void DataGrid_PageIndexChanged( object source, DataGridPageChangedEventArgs e)
25
![](/assets/blank.gif)
![](/assets/blank.gif)
{
26
![](/assets/blank.gif)
DataGrid1.LoadCurrentPageIndex(e.NewPageIndex);
27
![](/assets/blank.gif)
}
28
![](/assets/blank.gif)
29
![](/assets/blank.gif)
protected void DataGrid_Edit(Object sender, DataGridCommandEventArgs E)
30
![](/assets/blank.gif)
![](/assets/blank.gif)
{
31
![](/assets/blank.gif)
DataGrid1.EditByItemIndex(E.Item.ItemIndex);
32
![](/assets/blank.gif)
}
33
![](/assets/blank.gif)
34
![](/assets/blank.gif)
protected void DataGrid_Cancel(Object sender, DataGridCommandEventArgs E)
35
![](/assets/blank.gif)
![](/assets/blank.gif)
{
36
![](/assets/blank.gif)
DataGrid1.Cancel();
37
![](/assets/blank.gif)
}
38
![](/assets/blank.gif)
39
当然,如果您觉得还是以前的.net datagrid 使用方便,这个控件也是兼容的。
上面的改进只是为了少写代码,是一种“偷懒”的行径。而下面的代码就是在microsoft datagrid基础上的订制
改进了。
1.因为分样的方式要与论坛前台的"分页样式"相类似,所以要在分页页码位置之后添加诸如: 当前页码,总页数,
总记录数,跳转到指定页面文本框等,所以下面的代码被开发出来。
1
![](/assets/blank.gif)
public void DataGrid_ItemCreated(Object sender, DataGridItemEventArgs e)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
ListItemType elemType = e.Item.ItemType;
4
![](/assets/blank.gif)
5
![](/assets/blank.gif)
if (elemType == ListItemType.Pager)
6
![](/assets/blank.gif)
![](/assets/blank.gif)
{
7
![](/assets/blank.gif)
TableCell cell1 = (TableCell)e.Item.Controls[0];
8
![](/assets/blank.gif)
cell1.HorizontalAlign = HorizontalAlign.Left;
9
![](/assets/blank.gif)
cell1.VerticalAlign = VerticalAlign.Bottom;
10
![](/assets/blank.gif)
cell1.CssClass = "datagridPager";
11
![](/assets/blank.gif)
12
![](/assets/blank.gif)
LiteralControl splittable = new LiteralControl("splittable");
13
![](/assets/blank.gif)
splittable.Text = "</td></tr></table><table class=/"datagridpage/"><tr><td height=/"2/">
14
![](/assets/blank.gif)
</td></tr><tr><td>";
15
![](/assets/blank.gif)
cell1.Controls.AddAt(0, splittable);
16
![](/assets/blank.gif)
17
![](/assets/blank.gif)
LiteralControl PageNumber = new LiteralControl("PageNumber");
18
![](/assets/blank.gif)
PageNumber.Text = " ";
19
![](/assets/blank.gif)
if (this.PageCount <= 1)
20
![](/assets/blank.gif)
![](/assets/blank.gif)
{
21
![](/assets/blank.gif)
try
22
![](/assets/blank.gif)
![](/assets/blank.gif)
{
23
![](/assets/blank.gif)
cell1.Controls.RemoveAt(1); //当页数为1时, 则不显示页码
24
![](/assets/blank.gif)
}
25
![](/assets/blank.gif)
![](/assets/blank.gif)
catch
![](/assets/blank.gif)
{ ; }
26
![](/assets/blank.gif)
}
27
![](/assets/blank.gif)
else
28
![](/assets/blank.gif)
![](/assets/blank.gif)
{
29
![](/assets/blank.gif)
PageNumber.Text = " ";
30
![](/assets/blank.gif)
}
31
![](/assets/blank.gif)
PageNumber.Text += "<font color=black>共 " + this.PageCount + " 页, 当前第 " +
32
![](/assets/blank.gif)
(this.CurrentPageIndex + 1) + " 页";
33
![](/assets/blank.gif)
34
![](/assets/blank.gif)
if (this.VirtualItemCount > 0)
35
![](/assets/blank.gif)
![](/assets/blank.gif)
{
36
![](/assets/blank.gif)
PageNumber.Text += ", 共 " + this.VirtualItemCount + " 条记录";
37
![](/assets/blank.gif)
}
38
![](/assets/blank.gif)
39
![](/assets/blank.gif)
40
![](/assets/blank.gif)
PageNumber.Text += " " + ((this.PageCount > 1) ? "跳转到:" : "");
41
![](/assets/blank.gif)
cell1.Controls.Add(PageNumber);
42
![](/assets/blank.gif)
43
![](/assets/blank.gif)
44
![](/assets/blank.gif)
//当大于1时显示跳转按钮
45
![](/assets/blank.gif)
if (this.PageCount > 1)
46
![](/assets/blank.gif)
![](/assets/blank.gif)
{
47
![](/assets/blank.gif)
//加载跳转文件框
48
![](/assets/blank.gif)
GoToPagerInputText.ID = "GoToPagerInputText";
49
![](/assets/blank.gif)
GoToPagerInputText.Attributes.Add("runat", "server");
50
![](/assets/blank.gif)
GoToPagerInputText.Attributes.Add("onkeydown", "if(event.keyCode==13)
51
![](/assets/blank.gif)
![](/assets/blank.gif)
{
52
![](/assets/blank.gif)
var gotoPageID=this.name.replace('InputText','Button');
53
![](/assets/blank.gif)
return(document.getElementById(gotoPageID)).focus();}
54
![](/assets/blank.gif)
");
55
![](/assets/blank.gif)
56
![](/assets/blank.gif)
GoToPagerInputText.Size = 6;
57
![](/assets/blank.gif)
GoToPagerInputText.Value = (this.CurrentPageIndex == 0) ? "1" :
58
![](/assets/blank.gif)
(this.CurrentPageIndex + 1).ToString();
59
![](/assets/blank.gif)
cell1.Controls.Add(GoToPagerInputText);
60
![](/assets/blank.gif)
61
![](/assets/blank.gif)
PageNumber = new LiteralControl("PageNumber");
62
![](/assets/blank.gif)
PageNumber.Text = "页 ";
63
![](/assets/blank.gif)
cell1.Controls.Add(PageNumber);
64
![](/assets/blank.gif)
65
![](/assets/blank.gif)
//加载跳转按钮
66
![](/assets/blank.gif)
GoToPagerButton.ID = "GoToPagerButton";
67
![](/assets/blank.gif)
GoToPagerButton.Text = " Go ";
68
![](/assets/blank.gif)
cell1.Controls.Add(GoToPagerButton);
69
![](/assets/blank.gif)
}
70
![](/assets/blank.gif)
71
![](/assets/blank.gif)
e.Item.Controls.Add(cell1);
72
![](/assets/blank.gif)
73
2. 相信用过.net datagrid 的用户对下面代码的用法会比较熟悉:
(控件名).PagerStyle.Mode=PagerMode.NumericPages;
其实在一开始使用这种分类样式时,还觉得不错,但时间一长,数据一多起来就会在“上一页”和“下一页”
的显示位置上出现"..."这样的链接,我问过许多用户,他们中不少人一开始都搞不清“...”都底是什么东西。于
是我就想把这个表示“上一页”或“下一页”的符号用真正的汉字进行替换。所以就在这个控件中出现了下面的代
码段了(接上面代码段):
1
2
![](/assets/blank.gif)
// 上面的代码段
3
![](/assets/blank.gif)
TableCell pager = (TableCell)e.Item.Controls[ 0 ];
4
![](/assets/blank.gif)
5
![](/assets/blank.gif)
for ( int i = 1 ; i < pager.Controls.Count; i += 2 )
6
![](/assets/blank.gif)
![](/assets/blank.gif)
{
7
![](/assets/blank.gif)
Object o = pager.Controls[i];
8
![](/assets/blank.gif)
9
![](/assets/blank.gif)
if (o is LinkButton)
10
![](/assets/blank.gif)
![](/assets/blank.gif)
{
11
![](/assets/blank.gif)
LinkButton h = (LinkButton)o;
12
![](/assets/blank.gif)
if (h.Text == "
![](/assets/blank.gif)
" && i == 1)//pager.Controls[i].ID == "_ctl0")
13
![](/assets/blank.gif)
![](/assets/blank.gif)
{
14
![](/assets/blank.gif)
h.Text = "上一页";
15
![](/assets/blank.gif)
continue;
16
![](/assets/blank.gif)
}
17
![](/assets/blank.gif)
if (i > 1 && h.Text == "
![](/assets/blank.gif)
")
18
![](/assets/blank.gif)
![](/assets/blank.gif)
{
19
![](/assets/blank.gif)
h.Text = "下一页";
20
![](/assets/blank.gif)
continue;
21
![](/assets/blank.gif)
}
22
![](/assets/blank.gif)
23
![](/assets/blank.gif)
//下面JS用于当跳转页面时显示“正在加载数据
![](/assets/blank.gif)
”层。
24
![](/assets/blank.gif)
h.Attributes.Add("onclick", "javascript:document.getElementById('Layer5').innerHTML
25
![](/assets/blank.gif)
='<br /><table><tr><td valign=top><img border=/"0/" src=/"../images/loading.gif/"
26
![](/assets/blank.gif)
/></td><td valign=middle style=/"font-size: 14px;/" >正在加载数据
![](/assets/blank.gif)
<BR /></td></tr>
27
![](/assets/blank.gif)
</table><BR />';document.getElementById('success').style.display ='block';");
28
![](/assets/blank.gif)
}
29
![](/assets/blank.gif)
if (o is Label)
30
![](/assets/blank.gif)
![](/assets/blank.gif)
{
31
![](/assets/blank.gif)
Label l = (Label)o;
32
![](/assets/blank.gif)
if (l.Text == "
![](/assets/blank.gif)
" && i == 1)//l.ID == "_ctl0")
33
![](/assets/blank.gif)
![](/assets/blank.gif)
{
34
![](/assets/blank.gif)
l.Text = "上一页";
35
![](/assets/blank.gif)
}
36
![](/assets/blank.gif)
37
![](/assets/blank.gif)
if (i > 1 && l.Text == "
![](/assets/blank.gif)
")
38
![](/assets/blank.gif)
![](/assets/blank.gif)
{
39
![](/assets/blank.gif)
l.Text = "下一页";
40
![](/assets/blank.gif)
}
41
![](/assets/blank.gif)
}
42
![](/assets/blank.gif)
}
43
![](/assets/blank.gif)
![](/assets/blank.gif)
44
![](/assets/blank.gif)
45
3.为了减少因为使用控件而生成过多冗长的viewstate代码,添加了如下的属性:
1
![](/assets/blank.gif)
[Bindable( true ), Category( " Appearance " ), DefaultValue( "" )]
2
![](/assets/blank.gif)
public bool SaveDSViewState
3
![](/assets/blank.gif)
![](/assets/blank.gif)
{
4
![](/assets/blank.gif)
get
5
![](/assets/blank.gif)
![](/assets/blank.gif)
{
6
![](/assets/blank.gif)
object obj = ViewState["SaveDSViewState"];
7
![](/assets/blank.gif)
if (obj == null) return false;
8
![](/assets/blank.gif)
else
9
![](/assets/blank.gif)
![](/assets/blank.gif)
{
10
![](/assets/blank.gif)
if (obj.ToString().ToLower() == "true")
11
![](/assets/blank.gif)
return true;
12
![](/assets/blank.gif)
else
13
![](/assets/blank.gif)
return false;
14
![](/assets/blank.gif)
}
15
![](/assets/blank.gif)
}
16
![](/assets/blank.gif)
set
17
![](/assets/blank.gif)
![](/assets/blank.gif)
{
18
![](/assets/blank.gif)
ViewState["SaveDSViewState"] = value;
19
![](/assets/blank.gif)
}
20
![](/assets/blank.gif)
}
21
通过上面的属性设置来判断是否EnableViewState,如下:
1
![](/assets/blank.gif)
if ( ! this .SaveDSViewState)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
this.Controls[0].EnableViewState = false;
4
![](/assets/blank.gif)
}
5
4.为了让多行编辑记录并提交更方便,还添加了IsFixConlumnControls属性,当它的值为TRUE时,则当前分页下的
所有记录都以文本框的形式进行显示,也就是在文章一开始的效果图2 中显示的效果(里面的下拉列表框和复选框除外)。
而相应实现代码如下所示:
1
![](/assets/blank.gif)
public void DataGrid_ItemDataBound( object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
2
![](/assets/blank.gif)
![](/assets/blank.gif)
{
3
![](/assets/blank.gif)
![](/assets/blank.gif)
4
![](/assets/blank.gif)
5
![](/assets/blank.gif)
if (this.IsFixConlumnControls)
6
![](/assets/blank.gif)
![](/assets/blank.gif)
{
7
![](/assets/blank.gif)
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
8
![](/assets/blank.gif)
![](/assets/blank.gif)
{
9
![](/assets/blank.gif)
for (int i = 0; i < e.Item.Cells.Count; i++)
10
![](/assets/blank.gif)
![](/assets/blank.gif)
{
11
![](/assets/blank.gif)
if ((!e.Item.Cells[i].HasControls()))
12
![](/assets/blank.gif)
![](/assets/blank.gif)
{
13
![](/assets/blank.gif)
//判断是否存在只读属性
14
![](/assets/blank.gif)
if (GetBoundColumnFieldReadOnly()[i].ToString().ToLower() == "false")
15
![](/assets/blank.gif)
![](/assets/blank.gif)
{
16
![](/assets/blank.gif)
Discuz.Control.TextBox t = new Discuz.Control.TextBox();
17
![](/assets/blank.gif)
t.ID = GetBoundColumnField()[i].ToString();
18
![](/assets/blank.gif)
t.Text = e.Item.Cells[i].Text.Trim().Replace(" ", "");
19
![](/assets/blank.gif)
20
![](/assets/blank.gif)
//设置宽度
21
![](/assets/blank.gif)
if (this.Columns[i].ItemStyle.Width.Value > 0)
22
![](/assets/blank.gif)
![](/assets/blank.gif)
{
23
![](/assets/blank.gif)
t.Width = (int)this.Columns[i].ItemStyle.Width.Value;
24
![](/assets/blank.gif)
}
25
![](/assets/blank.gif)
else
26
![](/assets/blank.gif)
![](/assets/blank.gif)
{
27
![](/assets/blank.gif)
t.Width = 100;
28
![](/assets/blank.gif)
}
29
![](/assets/blank.gif)
30
![](/assets/blank.gif)
e.Item.Cells[i].Controls.Add(t);
31
![](/assets/blank.gif)
}
32
![](/assets/blank.gif)
33
![](/assets/blank.gif)
}
34
![](/assets/blank.gif)
else
35
![](/assets/blank.gif)
![](/assets/blank.gif)
{
36
![](/assets/blank.gif)
foreach (System.Web.UI.Control c in e.Item.Cells[i].Controls)
37
![](/assets/blank.gif)
![](/assets/blank.gif)
{
38
![](/assets/blank.gif)
//加载discuz!nt下拉列表框控件
39
![](/assets/blank.gif)
if (c is Discuz.Control.DropDownList)
40
![](/assets/blank.gif)
![](/assets/blank.gif)
{
41
![](/assets/blank.gif)
Discuz.Control.DropDownList __dropdownlist = (Discuz.Control.DropDownList)c;
42
![](/assets/blank.gif)
if (__dropdownlist.SqlText != "")
43
![](/assets/blank.gif)
![](/assets/blank.gif)
{
44
![](/assets/blank.gif)
__dropdownlist.AddTableData(__dropdownlist.SqlText);
45
![](/assets/blank.gif)
}
46
![](/assets/blank.gif)
47
![](/assets/blank.gif)
try
48
![](/assets/blank.gif)
![](/assets/blank.gif)
{
49
![](/assets/blank.gif)
__dropdownlist.SelectedValue = Convert.ToString(DataBinder.Eval(e.Item.
50
![](/assets/blank.gif)
DataItem, __dropdownlist.DataValueField));
51
![](/assets/blank.gif)
}
52
![](/assets/blank.gif)
catch
53
![](/assets/blank.gif)
![](/assets/blank.gif)
{ ;}
54
![](/assets/blank.gif)
}
55
![](/assets/blank.gif)
56
![](/assets/blank.gif)
//加载普通下拉控件
57
![](/assets/blank.gif)
if (c is System.Web.UI.WebControls.DropDownList)
58
![](/assets/blank.gif)
![](/assets/blank.gif)
{
59
![](/assets/blank.gif)
System.Web.UI.WebControls.DropDownList __dropdownlist = (System.Web.UI.
60
![](/assets/blank.gif)
WebControls.DropDownList)c;
61
![](/assets/blank.gif)
try
62
![](/assets/blank.gif)
![](/assets/blank.gif)
{
63
![](/assets/blank.gif)
__dropdownlist.SelectedValue = Convert.ToString(DataBinder.Eval(e.Item.
64
![](/assets/blank.gif)
DataItem, __dropdownlist.DataValueField));
65
![](/assets/blank.gif)
}
66
![](/assets/blank.gif)
catch
67
![](/assets/blank.gif)
![](/assets/blank.gif)
{ ;}
68
![](/assets/blank.gif)
}
69
![](/assets/blank.gif)
70
![](/assets/blank.gif)
}
71
![](/assets/blank.gif)
}
72
![](/assets/blank.gif)
73
![](/assets/blank.gif)
![](/assets/blank.gif)
74
![](/assets/blank.gif)
75
同时为便于得到指定行的控件的属性值,还添加了下面两个方法:
1
![](/assets/blank.gif)
// 得到指定行的控件字段的值
2
![](/assets/blank.gif)
public string GetControlValue( int controlnumber, string fieldname)
3
![](/assets/blank.gif)
![](/assets/blank.gif)
{
4
![](/assets/blank.gif)
return DNTRequest.GetFormString(this.ClientID.Replace("_", ":") + ":_ctl" + (controlnumber + 3) +
5
![](/assets/blank.gif)
":" + fieldname);
6
![](/assets/blank.gif)
}
7
1
![](/assets/blank.gif)
// 得到指定行的CheckBox控件字段的值
2
![](/assets/blank.gif)
public bool GetCheckBoxValue( int controlnumber, string fieldname)
3
![](/assets/blank.gif)
![](/assets/blank.gif)
{
4
![](/assets/blank.gif)
string selectcontrolvalue = GetControlValue(controlnumber, fieldname);
5
![](/assets/blank.gif)
if (selectcontrolvalue == "on")
6
![](/assets/blank.gif)
![](/assets/blank.gif)
{
7
![](/assets/blank.gif)
return true;
8
![](/assets/blank.gif)
}
9
![](/assets/blank.gif)
else
10
![](/assets/blank.gif)
![](/assets/blank.gif)
{
11
![](/assets/blank.gif)
return false;
12
![](/assets/blank.gif)
}
13
![](/assets/blank.gif)
}
14
当然为了设置和使用的方便和提高开发效率,还有一些属性和方法要么被重写(如DataSource等),要么被添加了进来
(如TableHeaderName等)。大家可以详细看一下包中的源码即可, 这里就不再多说了:)
说句心里话:
对于这个控件,从公司产品开发的角度来说,基本上满足需要了:)
但从我个人角度来看却不那么让人满意,原因就是看到了Component Art 里面的Datagrid源码(当然它里面的其它控
件也同样优秀),让我感到“无地自容”。甚至相当长的一段时间里我都不想(或者说不敢)再写任何东西,因为写出来的代
码和功能跟人家的东西一对比,就感到自己写的就是“垃圾”。这段时间大约持约了一个多月。相信园子里的朋友中有些人会
有类以的经历吧!
但过后慢慢自信心就恢复了过来,因为如果放弃不写代码,水平就会停止下来,而以前所积攒的问题也永远得不到解决,
所以还是逆着头皮“上路”了。现在回过头来看,一年前的这种心态真是很害人,我甚至想起以前温瑞安的一本武侠小说时中
的人物,那位大侠自出师以来就是每战必败,江湖人称“逢打必败”冯无极(具体名字记不清了)。人家在那种情况下居然都
能无所谓,而自己这些年来自认成熟了不少,但还有这种心理,现在回想起来实在是可笑。
好了,主要是东西就先交待到这里了。如果大家有什么问题或建议,欢迎与我交流。
我的邮件是daizhj@discuz.com, daizhj617595@126.com
关键字: .net, 控件, datagrid, component art, control, discuz, discuz!nt, discuznt, 代震军, daizhj
下载链接:/Files/daizhj/datagrid_Controls_Test.rar
http://www.cnblogs.com/daizhj/archive/2007/11/27/972623.html
Discuz!NT控件剖析 之 DataGrid(数据列表) [原创: 附源码]相关推荐
- Discuz!NT控件剖析 之 Button [原创: 附源码]
Discuz!NT控件剖析 之 Button [原创: 附源码] 收藏 在开源之后,还没什么文章来说明 Discuz!NT项目的一些特点.作为这个控件库的设计者,本人将在接下来的时间里用连载的方式 ...
- 仿酷狗音乐播放器开发日志二十三 修复Option控件显示状态不全的bug(附源码)...
转载请说明原出处,谢谢~~ 整个仿酷狗工程的开发将近尾声,现在还差选项设置窗体的部分,显然在设置窗体里用的最多的就是OptionUI控件,我在写好大致的布局后去测试效果,发现Option控件的显示效果 ...
- 计算机毕业设计SSMJava远程健康数据管理系统【附源码数据库】
项目运行 环境配置: Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclis ...
- MongoDB数据访问[C#]附源码下载(查询增删改) 转载
安装完MongoDBhttp://localhost:28017/监测是否成功! vs 2008 C# MongoDB 源代码下载地址:http://download.csdn.net/source/ ...
- C#编写数据分析软件(附源码)
这几天给开源彻底洗脑.东西就不多介绍了,现在源码分享出,之前写过几篇文章,这里给个传送们 MyTask1: http://blog.csdn.net/k183000860/article/detai ...
- C++ huffman数据压缩算法实现(附源码)
VC++开发常用功能一系列文章 (欢迎订阅,持续更新...) 什么是Huffman压缩 Huffman( 哈夫曼 ) 算法在上世纪五十年代初提出来了,它是一种无损压缩方法,在压缩过程中不会丢失信息 ...
- 虚拟列表控件---加载大数据行
平常所用到的列ListView/ListCtrl控件,都是只有行至几百行数据,直至今日,在项目中遇到了上10W量级数据条,终于感觉到普通加载的艰辛,遂到网上乱找一通,发现大同小异,转载了这篇比较详细的 ...
- rdlc tablix_SQL Server中的报表–通过分组功能(由Tablix控件提供)处理数据
rdlc tablix 介绍 (Introduction) In many of our past "get togethers" we have discussed pivoti ...
- 点击MSFlexGrid数据控件的标题进行数据排序
在进行数据库编程的时候,经常会用到MSFlexGrid控件进行数据显示.并且对数据进行排序是必不可少的一个环节.使用WINDOWS系统的用户,会习惯于点击标题进行数据排序.而MSFlexGrid控件本 ...
最新文章
- 小鹏高管:高速自动驾驶明年实现量产
- 组态王字符串转换整数_字符串转换整数(LC8)
- vue 外卖app(3) 引入阿里图标
- 利用python同步windows和linux文件
- Lunar New Year and Cross Counting
- xhost: unable to open display linux下安装oracle
- servlet单实例多线程模式
- bitbucket初次使用
- $Android连续按返回键两次实现退出程序
- 第十七节(is-a 、is-like-a 、has-a,包和 import )
- LeetCode MySQL 180. 连续出现的数字(cast)
- linux系统vi光标移动字符,Linux vim光标移动快捷键
- @JVM内存模型(运行时数据区)
- ubuntu 安装php mcrypt扩展
- CodeForces 521D nice贪心
- python编写递归函数和非递归函数、输出斐波那契数列_C语言编程:用递归和非递归法输出斐波那契数列...
- 编辑,修改chm帮助文档,无需修改繁琐的html文件,可以直接编辑修改chm
- 计算机学院军训口号大全团队,关于霸气押韵的军训口号大全
- 报表服务器url修改,配置报表服务器 URL
- c++ 光标移动定位
热门文章
- 低代码如何增强团队应用开发能力?
- 搭建webug漏洞靶场
- HTML——js设置计时器和清除计时器的方法
- java实战-摘自51自学网
- 鸢尾花数据集判别分析matlab代码
- 如何很好的看很大的思维导图
- ie8兼容性问题:1、foreach 无法使用问题
- 【python】廖雪峰学习笔记
- 计算机网络Sever服务器网络搭建实践(一)
- 【每日一练】138—CSS实现炫酷背景动画效果