扩展GridView控件(1) - 鼠标经过行时改变行的样式

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

扩展GridView控件(1) - 鼠标经过行时改变行的样式

作者：webabcd

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

介绍
扩展GridView控件：
鼠标经过行的时候改变该行的样式，鼠标离开行的时候恢复该行的样式

使用方法（设置属性）：
MouseOverCssClass - 鼠标经过行时行的 CSS 类名


关键代码

*/

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

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

介绍
我们一般是通过在RowDataBound事件里编码的方式实现GridView的鼠标经过行时改变行的样式的功能。但是每次都这样做比较麻烦。所以我们来开发一个继承自GridView的控件，以扩展它的功能。通过设置其CssClassMouseOver属性来实现这样的功能。


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

}

2、加一个属性，用来指定鼠标经过行时，行的css类名

        private string _cssClassMouseOver;

3、重写OnRowDataBound实现鼠标经过行时改变行的样式的功能。主要是给<tr>增加onmouseover事件和onmouseout事件。

控件使用
添加这个控件到工具箱里，然后拖拽到webform上，设置其CssClassMouseOver属性即可

aspx文件

<yyc:SmartGridView ID="sgvList" runat="server">
</yyc:SmartGridView>

css文件

.over 

skin文件

<yyc:SmartGridView runat="server" CssClassMouseOver="over">
</yyc:SmartGridView>

注：其实最好的实现办法应该如下，但是因为之后我针对GridView扩展的其他功能可能会与此有冲突，所以没这么用。

        }

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

OK
[源码下载]