扩展GridView控件(7) - 行的指定复选框选中时改变行的样式

GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。
[索引页]
[源码下载]

扩展GridView控件(7) - 行的指定复选框选中时改变行的样式

作者：webabcd

/*正式版的实现 开始*/

介绍
扩展GridView控件：
行的指定复选框选中的时候改变该行的样式，行的指定复选框取消选中的时候恢复该行的样式

使用方法（设置CheckedRowCssClass复合属性）：
CheckBoxID - 模板列中 数据行的复选框ID
CssClass - 选中的行的 CSS 类名


关键代码
js

c#

using System;
using System.Collections.Generic;
using System.Text;

using System.Web.UI.WebControls;
using System.Web.UI;

namespace YYControls.SmartGridViewFunction

/*正式版的实现 结束*/

/*测试版的实现 开始*/

介绍
在GridView中如果每行都有复选框的话，选中了某个复选框则修改该复选框所在行的样式，这是经常要用到的功能，因此我们来扩展一下GridView控件。


控件开发
1、新建一个继承自GridView的类。

}

2、新建一个ChangeRowCSSByCheckBox实体类，有两个属性

using System;
using System.Collections.Generic;
using System.Text;

using System.ComponentModel;

namespace YYControls.SmartGridView

3、在继承自GridView的类中加一个复杂对象属性，该复杂对象就是第2步创建的那个ChangeRowCSSByCheckBox

        private ChangeRowCSSByCheckBox _changeRowCSSByCheckBox;
        }

4、新建一个JavaScriptConstant类，把我们要用到的javascript存在一个常量里

using System;
using System.Collections.Generic;
using System.Text;

namespace YYControls.SmartGridView

5、重写OnPreRender方法，注册上面那段客户端脚本

        }

6、重写OnRowDataBound以通过调用相关的javascript函数实现我们想要的功能。

控件使用
添加这个控件到工具箱里，然后拖拽到webform上，设置CheckBoxID属性为模板列的项复选框的ID，CssClassRowSelected属性设置为选中行的样式的CSS类名，则可以实现改变通过CheckBox选中的行的样式的功能。
ObjData.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

using System.ComponentModel;

Default.aspx

/*测试版的实现 结束*/

OK
[源码下载]