上接扩展GridView控件(6) - 响应行的单击事件和双击事件

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

/// <summary>
                /// OnPreRender
                /// </summary>
                /// <param name="e"></param>
                protected override void OnPreRender(EventArgs e)
                {
                        base.OnPreRender(e);

                        if (!String.IsNullOrEmpty(RowClickButtonID) || !String.IsNullOrEmpty(RowDoubleClickButtonID))
                        {
                                if (!Page.ClientScript.IsClientScriptBlockRegistered("jsClickAndDoubleClick"))
                                {
                                        Page.ClientScript.RegisterClientScriptBlock(
                                                this.GetType(),
                                                "jsClickAndDoubleClick", JavaScriptConstant.jsClickAndDoubleClick
                                                );
                                }
                        }
                }

 

5、重写OnRowDataBound以实现数据行响应鼠标的单击和双击事件的功能。主要是给<tr>加上客户端代码，用来调用某个按钮的click事件

/// <summary>
                /// OnRowDataBound
                /// </summary>
                /// <param name="e"></param>
                protected override void OnRowDataBound(GridViewRowEventArgs e)
                {
                        if (e.Row.RowType == DataControlRowType.DataRow)
                        {
                                if (!String.IsNullOrEmpty(RowClickButtonID) || !String.IsNullOrEmpty(RowDoubleClickButtonID))
                                {
                                        // GridViewRow的每个TableCell
                                        foreach (TableCell tc in e.Row.Cells)
                                        {
                                                // TableCell里的每个Control
                                                foreach (Control c in tc.Controls)
                                                {
                                                        // 如果控件继承自接口IButtonControl
                                                        if (c.GetType().GetInterface("IButtonControl") != null && c.GetType().GetInterface("IButtonControl").Equals(typeof(IButtonControl)))
                                                        {
                                                                if (!String.IsNullOrEmpty(RowClickButtonID))
                                                                {
                                                                        // 该按钮的ID等于单击行所对应的按钮ID
                                                                        if (c.ID == RowClickButtonID)
                                                                        {
                                                                                // 增加行的单击事件，调用客户端脚本，根据所对应按钮的ID执行所对应按钮的click事件
                                                                                e.Row.Attributes.Add("onclick", "javascript:yy_RowClick('" + c.ClientID + "')");
                                                                        }
                                                                }

                                                                if (!String.IsNullOrEmpty(RowDoubleClickButtonID))
                                                                {
                                                                        // 该按钮的ID等于双击行所对应的按钮ID
                                                                        if (c.ID == RowDoubleClickButtonID)
                                                                        {
                                                                                // 增加行的双击事件，调用客户端脚本，根据所对应按钮的ID执行所对应按钮的click事件
                                                                                e.Row.Attributes.Add("ondblclick", "javascript:yy_RowDoubleClick('" + c.ClientID + "')");
                                                                        }
                                                                }
                                                        }
                                                }
                                        }
                                }
                        }

                        base.OnRowDataBound(e);
                }

 

控件使用
添加这个控件到工具箱里，然后拖拽到webform上，要实现行的单击事件则设置RowClickButtonID为行单击事件所对应的按钮的ID，要实现行的双击事件则设置RowDoubleClickButtonID为行双击事件所对应的按钮的ID。
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;

/// <summary>
/// OjbData 的摘要说明
/// </summary>
public class OjbData
{
        public OjbData()
        {
                //
                // TODO: 在此处添加构造函数逻辑
                //
        }

        [DataObjectMethod(DataObjectMethodType.Select, true)]
        public DataTable Select()
        {
                DataTable dt = new DataTable();
                dt.Columns.Add("no", typeof(string));
                dt.Columns.Add("name", typeof(string));

                for (int i = 0; i < 30; i++)
                {
                        DataRow dr = dt.NewRow();
                        dr[0] = "no" + i.ToString().PadLeft(2, '0');
                        dr[1] = "name" + i.ToString().PadLeft(2, '0');

                        dt.Rows.Add(dr);
                }

                return dt;
        }
}

 

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
        <title>SmartGridView测试</title>
</head>
<body>
        <form id="form1" runat="server">
                <yyc:SmartGridView ID="SmartGridView1" runat="server" AutoGenerateColumns="False"
                        DataSourceID="ObjectDataSource1" RowClickButtonID="btnTestRowClick" RowDoubleClickButtonID="btnTestRowDoubleClick">
                        <Columns>
                                <asp:BoundField DataField="no" HeaderText="序号" SortExpression="no" ItemStyle-Width="100px" />
                                <asp:BoundField DataField="name" HeaderText="名称" SortExpression="name" ItemStyle-Width="100px" />
                                <asp:BoundField DataField="no" HeaderText="序号" SortExpression="no" ItemStyle-Width="100px" />
                                <asp:BoundField DataField="name" HeaderText="名称" SortExpression="name" ItemStyle-Width="100px" />
                                <asp:BoundField DataField="no" HeaderText="序号" SortExpression="no" ItemStyle-Width="100px" />
                                <asp:BoundField DataField="name" HeaderText="名称" SortExpression="name" ItemStyle-Width="100px" />
                                <asp:TemplateField>
                                        <footerstyle cssclass="hidden" />
                                        <headerstyle cssclass="hidden" />
                                        <itemstyle cssclass="hidden" />
                                        <itemtemplate>
                                                <asp:Button id="btnTestRowClick" runat="server" CommandName="RowClick" CommandArgument='<%# Container.DataItemIndex %>' />
                                                <asp:Button id="btnTestRowDoubleClick" runat="server" CommandName="RowDoubleClick" CommandArgument='<%# Container.DataItemIndex %>' />
                                        </itemtemplate>
                                </asp:TemplateField>
                        </Columns>
                </yyc:SmartGridView>
                <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="Select"
                        TypeName="OjbData"></asp:ObjectDataSource>
        </form>
</body>
</html>

 

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

 

OK
[×××]