>>51aspx首页 | >>Winform源码 | >>.Net源码大搜捕 | >>问题/帮助

Asp.net源码交流论坛 » Asp.net交流讨论区 » Asp.net技术文章 » 转：手把手教你如何扩展GridView之自带CheckBox

源码环境搭建和部署视频！

源码使用常见问题

51Aspx自有服务产品开业特惠

快速通道：[源码发布] | [实名认证]

1/1页1 跳转到页查看:6364

发新话题

回复该主题

键盘左右键可以进行前后翻页操作

转：手把手教你如何扩展GridView之自带CheckBox

本主题由董事长 51aspx 于 2008-6-12 8:45:13 执行移动主题操作

51aspx

组别[超级管理员]
性别
积分[2800]
帖子2071
注册时间 2007-05-17

源码贡献奖

实名用户

51aspx 2007-06-10 18:02 | 只看楼主 树型| 收藏| 小中大 1 ^#

转：手把手教你如何扩展GridView之自带CheckBox

[

实名用户所发信息，推荐关注

实名贴，值得关注]

我们在使用GridView的时候，很多时候需要使用CheckBox列，比如批量删除，批量审批，但是每每都需要记住繁琐的实现方法。多麻烦呀！再次给GridView做个手术，让它自己就能产生CheckBox岂不爽死了。以后您就有权利忘记怎么实现CheckBox列了。哈哈，作咱们这行的，就要学的慢慢退化，什么事情都记着，累也累死了。
下面谈谈我这实现的思路:
因为GridView是基于模板的，Columns也不能在后台添加，所以排除通过添加Column来实现，而采用在GridView创建行的时候动态创建表单元格，在表头行上添加一个全选CheckBox，数据行上添加选择框，点击全选，通过向页面注册的脚本来实现全选。
下面就看看关键的代码：
为了增加灵活性，添加了一个属性，控制是否显示CheckBox列

[复制到剪贴板]

CODE:

//是否显示全选
[
Description("显示全选列"),
Category("扩展"),
DefaultValue(false)
]
public virtual bool ShowCheckAll
{
get
{
object obj2 = this.ViewState["ShowCheckAll"];
if (obj2 != null)
{
return (bool)obj2;
}
return false;
}
set
{
bool aShowCheckAll = this.ShowCheckAll;
if (value != aShowCheckAll)
{
this.ViewState["ShowCheckAll"] = value;
if (base.Initialized)
{
base.RequiresDataBinding = true;
}
}
}
}

用于控制选择列是添加到表的左端还是右端的属性

[复制到剪贴板]

CODE:

public enum CheckColumnAlign
{
Left, Right
}
//是否显示全选
[
Description("全选列的位置"),
Category("扩展"),
DefaultValue(CheckColumnAlign.Left)
]
public virtual CheckColumnAlign CheckColumnAlign
{
get
{
object obj2 = this.ViewState["CheckColumnAlign"];
if (obj2 != null)
{
return (CheckColumnAlign)obj2;
}
return CheckColumnAlign.Left;
}
set
{
CheckColumnAlign aCheckColumnAlign = this.CheckColumnAlign;
if (value != aCheckColumnAlign)
{
this.ViewState["CheckColumnAlign"] = value;
if (base.Initialized)
{
base.RequiresDataBinding = true;
}
}
}
}

在页面加载的时候，注册全选脚本

[复制到剪贴板]

CODE:

StringBuilder sb = new StringBuilder();
sb.Append(" <script type=\"text/javascript\">");
sb.Append("function CheckAll(oCheckbox)");
sb.Append("{");
sb.Append("var GridView2 = document.getElementById(\"" + this.ClientID + "\");");
sb.Append(" for(i = 1;i < GridView2.rows.length; i++)");
sb.Append("{");
sb.Append("var inputArray = GridView2.rows[i].getElementsByTagName(\"INPUT\");");
sb.Append("for(var j=0;j<inputArray.length;j++)");
sb.Append("{ if(inputArray[j].type=='checkbox')");
sb.Append("{if(inputArray[j].id.indexOf('ItemCheckBox',0)>-1){inputArray[j].checked =oCheckbox.checked; }} }");
sb.Append("}");
sb.Append(" }");
sb.Append("</script>");
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "CheckFun", sb.ToString(), false);

在GridView的RowCreate事件中，添加如下代码，用于创建CheckBox列

[复制到剪贴板]

CODE:

if (ShowCheckAll)
{
GridViewRow row = e.Row;
if (row.RowType == DataControlRowType.Header)
{
TableCell cell = new TableCell();
cell.Wrap = Wrap;
cell.Width = Unit.Pixel(50);
cell.Text = " <input id='Checkbox2' type='checkbox' onclick='CheckAll(this)'/><label>全选</label>";
if (CheckColumnAlign == CheckColumnAlign.Left)
{
row.Cells.AddAt(0, cell);
}
else
{
int index = row.Cells.Count;
row.Cells.AddAt(index, cell);
}
}
else if (row.RowType == DataControlRowType.DataRow)
{
TableCell cell = new TableCell();
cell.Wrap = Wrap;
CheckBox cb = new CheckBox();
cell.Width = Unit.Pixel(50);
cb.ID = "ItemCheckBox";
cell.Controls.Add(cb);
if (CheckColumnAlign == CheckColumnAlign.Left)
{
row.Cells.AddAt(0, cell);
}
else
{
int index = row.Cells.Count;
row.Cells.AddAt(index, cell);
}
}
}

用于记录CheckBox的ID的属性

[复制到剪贴板]

CODE:

public string CheckBoxID
{
get
{
return "ItemCheckBox";
}
}

使用的时候，只需要设置扩展GridView的ShowCheckAll=True,设置CheckColumnAlign为Left,CheckBox列在最左边，Right在最右面，注意因为没有添加Columns，所以Columns并没有因为因为添加了CheckBox列而变化，在Column的索引中，CheckBox列不在计算范围。
在扩展的GridView的OnRowDataBound事件中，就可以通过

[复制到剪贴板]

CODE:

CheckBox cb = e.Row.FindControl(gridView.CheckBoxID) as CheckBox;
if(cb!=null)
{
if(cb.Checked)
{
//...
}
}

来获取是否已经选中此行。

最后编辑

51aspx 最后编辑于 2007-11-29 19:14:46

技术问题请直接发布到论坛，客户服务QQ：1120930903，合作及咨询QQ：793095132
常见问题：点这里，请仔细查看！
基础配置视频：点这里
问题搜索：请点击！
积分奖励：关于论坛实名版块的建议...

夜月的兰提斯

组别[程序员]
性别
积分[148]
帖子143
注册时间 2007-12-10

soulsword 2008-03-17 08:58 树型| 收藏| 小中大 2 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

..............
这东西...哭啊...多省心的办法啊...我我我也要学着变懒,!!!

组别[学员]
性别
积分[7]
帖子7
注册时间 2008-03-18

zyzzmh 2008-03-18 20:17 树型| 收藏| 小中大 3 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

谢谢啊，有ACCESS的吗？

组别[学员]
性别
积分[17]
帖子17
注册时间 2008-03-18

hxlwdd 2008-03-20 16:53 树型| 收藏| 小中大 4 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

不会这个东西,看不懂

组别[实习生]
性别
积分[53]
帖子53
注册时间 2008-02-24

haotian 2008-06-10 23:18 树型| 收藏| 小中大 5 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

看不懂。。

组别[学员]
性别
积分[11]
帖子12
注册时间 2008-08-04

wynet 2008-08-12 13:23 树型| 收藏| 小中大 6 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

;P

组别[学员]
性别
积分[4]
帖子4
注册时间 2008-06-26

lychenhanqing 2008-08-13 14:47 树型| 收藏| 小中大 7 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

我也看不懂……

组别[实习生]
性别
积分[17]
帖子17
注册时间 2008-07-16

vincen 2008-08-13 19:40 树型| 收藏| 小中大 8 ^#

回复：转：手把手教你如何扩展GridView之自带CheckBox

好的，顶！~
我也是写了很多有用的代码，然后保存起来，需要时再找来复制，粘贴就OK了，真爽！不用牢记每一个代码单词，又不会出错！全都记住太累了，效率也低。

<<上一主题|下一主题>>

1/1页1 跳转到页

发表新主题

回复该主题

相关主题

求教报表问题

狂龙通讯录管理系统V2.0

狂龙通讯录管理系统V2.0

在母板页(MasterPage)中设置主题(附程序详解)