同时支持行单击和双击事件的 GridView/DataGrid

功能：

单击行弹出当前行详细页面
双击行进入编辑状态（GridView/DataGrid内置 Edit）
说明：
单击事件（onclick）使用了 setTimeout 延迟，根据实际需要修改延迟时间
常见处理行方式会选择在 RowDataBound/ItemDataBound 中处理，这里我选择 Page.Render 中处理，至少基于以下考虑
RowDataBound 仅仅在调用 DataBind 之后才会触发，回发通过 ViewState 创建空件不触发假如需要更多的处理，你需要分开部分逻辑到 RowCreated 等事件中
并且我们希望使用 ClientScript.GetPostBackEventReference 和 ClientScript.RegisterForEventValidation 方法进行安全脚本的注册，而后者需要在页的 Render 阶段中才能处理
关于“DataGrid中采取的辅助按钮支持回发”见ASP.NET DEMO8: 为 GridView 每行添加服务器事件

PS：未实现 Edit 对应的 Update/Cancel ，根据需要自行添加即可。

原始需求：既有单击又有双击的ＧｒｉｄＶｉｅｗ是否存在（问了许多人都说不能，郁闷）

可直接运行源码（单页 .aspx）：

View Code

  1 <%@ Page Language="C#" %> 
  2 <%@ Import Namespace="System.Data" %> 
  3  
  4 <%--http://community.csdn.net/Expert/TopicView3.asp?id=5767096--%> 
  5  
  6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  7  
  8 <script runat="server"> 
  9  
 10  protected void Page_Load(object sender, EventArgs e) 
 11  { 
 12  if (!IsPostBack) { 
 13             LoadGridViewProductData(); 
 14             LoadDataGridProductData(); 
 15         } 
 16     } 
 17  
 18  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 
 19  { 
 20  /* 
 21          当然可以在这里进行客户端脚本绑定， 
 22          但是，我选择在重载页的 Render 方法中处理，因为 
 23          1. RowDataBound 仅仅在调用 DataBind 之后才会触发，回发通过 ViewState 创建空件不触发 
 24             假如需要更多的处理，你需要分开部分逻辑到 RowCreated 等事件中 
 25          2. 并且我们希望使用  
 26             ClientScript.GetPostBackEventReference 和 ClientScript.RegisterForEventValidation 方法 
 27             进行安全脚本的注册，而后者需要在页的 Render 阶段中才能处理          
 28  */ 
 29     } 
 30  
 31  protected void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e) 
 32  { 
 33  // 隐藏辅助按钮列 
 34  int cellIndex = 0; 
 35         e.Item.Cells[cellIndex].Attributes["style"] = "display:none"; 
 36     } 
 37  
 38  void LoadGridViewProductData() 
 39  { 
 40         DataTable dt = CreateSampleProductData(); 
 41  
 42         GridView1.DataSource = dt; 
 43         GridView1.DataBind();     
 44     } 
 45  
 46  void LoadDataGridProductData() 
 47  { 
 48         DataTable dt = CreateSampleProductData(); 
 49  
 50         DataGrid1.DataSource = dt; 
 51         DataGrid1.DataBind(); 
 52     } 
 53  
 54  #region sample data 
 55  
 56  static DataTable CreateSampleProductData() 
 57  { 
 58         DataTable tbl = new DataTable("Products"); 
 59  
 60         tbl.Columns.Add("ProductID", typeof(int)); 
 61         tbl.Columns.Add("ProductName", typeof(string));         
 62         tbl.Columns.Add("UnitPrice", typeof(decimal)); 
 63         tbl.Columns.Add("CategoryID", typeof(int)); 
 64  
 65         tbl.Rows.Add(1, "Chai", 18, 1); 
 66         tbl.Rows.Add(2, "Chang", 19, 1); 
 67         tbl.Rows.Add(3, "Aniseed Syrup", 10, 2); 
 68         tbl.Rows.Add(4, "Chef Anton's Cajun Seasoning", 22, 2); 
 69         tbl.Rows.Add(5, "Chef Anton's Gumbo Mix", 21.35, 2); 
 70         tbl.Rows.Add(47, "Zaanse koeken", 9.5, 3); 
 71         tbl.Rows.Add(48, "Chocolade", 12.75, 3); 
 72         tbl.Rows.Add(49, "Maxilaku", 20, 3);         
 73  
 74  return tbl; 
 75     } 
 76  
 77  #endregion 
 78  
 79  protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) 
 80  { 
 81         GridView1.EditIndex = e.NewEditIndex; 
 82         LoadGridViewProductData(); 
 83     } 
 84  
 85  protected void DataGrid1_EditCommand(object source, DataGridCommandEventArgs e) 
 86  { 
 87         DataGrid1.EditItemIndex = e.Item.ItemIndex; 
 88         LoadDataGridProductData(); 
 89     } 
 90  
 91  protected override void Render(HtmlTextWriter writer) 
 92  { 
 93  // GridView 
 94  foreach (GridViewRow row in GridView1.Rows) { 
 95  if (row.RowState == DataControlRowState.Edit) { // 编辑状态 
 96                 row.Attributes.Remove("onclick"); 
 97                 row.Attributes.Remove("ondblclick"); 
 98                 row.Attributes.Remove("style"); 
 99                 row.Attributes["title"] = "编辑行"; 
100  continue; 
101             } 
102  if (row.RowType == DataControlRowType.DataRow) { 
103  //单击事件，为了响应双击事件，延迟 1 s，根据需要可能需要增加延迟 
104                 row.Attributes["onclick"] = String.Format("javascript:setTimeout(\"window.open('DummyProductDetail.aspx?productid={0}')\", 1000*1);event.cancelBubble=true;", GridView1.DataKeys[row.RowIndex].Value.ToString()); 
105  // 获取ASP.NET内置回发脚本函数，返回 __doPostBack(<<EventTarget>>, <<EventArgument>>) 
106  // 可直接硬编码写入脚本，不推荐 
107                 row.Attributes["ondblclick"] = ClientScript.GetPostBackEventReference(GridView1, "Edit$" + row.RowIndex.ToString(), true); 
108  // 
109                 row.Attributes["style"] = "cursor:pointer"; 
110                 row.Attributes["title"] = "单击打开详细页面、双击进入编辑"; 
111             } 
112         } 
113  
114  // DataGrid 
115  foreach (DataGridItem item in DataGrid1.Items) { 
116  if (item.ItemType == ListItemType.EditItem) { 
117                 item.Attributes.Remove("onclick"); 
118                 item.Attributes.Remove("ondblclick"); 
119                 item.Attributes.Remove("style"); 
120                 item.Attributes["title"] = "编辑行"; 
121  continue; 
122             } 
123  if (item.ItemType == ListItemType.Item || item.ItemType == ListItemType.AlternatingItem) { 
124  //单击事件，为了响应双击事件，延迟 1 s，根据需要可能需要增加延迟 
125                 item.Attributes["onclick"] = String.Format("javascript:setTimeout(\"window.open('DummyProductDetail.aspx?productid={0}')\", 1000*1);event.cancelBubble=true;", DataGrid1.DataKeys[item.ItemIndex].ToString()); 
126  // 双击 
127  // 获取辅助的支持回发按钮 
128  // 相对而言， GridView 支持直接将 CommandName 作为 <<EventArgument>> 故不需要辅助按钮 
129                 Button btnHiddenPostButton = item.FindControl("btnHiddenPostButton") as Button; 
130  // 获取ASP.NET内置回发脚本函数，返回 __doPostBack(<<EventTarget>>, <<EventArgument>>) 
131  // 可直接硬编码写入脚本，不推荐 
132                 item.Attributes["ondblclick"] = ClientScript.GetPostBackEventReference(btnHiddenPostButton, ""); 
133  // 
134                 item.Attributes["style"] = "cursor:pointer"; 
135                 item.Attributes["title"] = "单击打开详细页面、双击进入编辑"; 
136             } 
137         } 
138  
139  base.Render(writer); 
140     } 
141 </script> 
142  
143 <html xmlns="http://www.w3.org/1999/xhtml" > 
144 <head id="Head1" runat="server"> 
145  <title>ASP.NET DEMO15: GridView 行单击与双击事件</title> 
146 </head> 
147 <body> 
148  <form id="form1" runat="server"> 
149  <div> 
150  <h3>功能：</h3> 
151  <li>单击弹出当前详细页面</li> 
152  <li>双击进入编辑状态（GridView/DataGrid内置 Edit）</li> 
153  <h3>说明：</h3> 
154  <li>单击事件（onclick）使用了 setTimeout 延迟，根据实际需要修改延迟时间</li> 
155  <li>常见处理行方式会选择在 RowDataBound/ItemDataBound 中处理，这里我选择 Page.Render 中处理，至少基于以下考虑 
156  <li style="padding-left:20px; list-style-type:square">RowDataBound 仅仅在调用 DataBind 之后才会触发，回发通过 ViewState 创建空件不触发 
157             假如需要更多的处理，你需要分开部分逻辑到 RowCreated 等事件中</li> 
158  <li style="padding-left:20px; list-style-type:square">并且我们希望使用  
159             ClientScript.GetPostBackEventReference 和 ClientScript.RegisterForEventValidation 方法 
160             进行安全脚本的注册，而后者需要在页的 Render 阶段中才能处理</li> 
161  </li> 
162  <li>关于“DataGrid中采取的辅助按钮支持回发”见<a href="http://www.cnblogs.com/Jinglecat/archive/2007/07/15/818394.html">ASP.NET DEMO8: 为 GridView 每行添加服务器事件</a> 
163  <br /> 
164  <input type="button" id="Button1" value="Rebind" onclick="location.href=location.href;" /> 
165  <div style="float:left"> 
166  <h3>GridView Version</h3> 
167  <asp:GridView ID="GridView1" DataKeyNames="ProductID" runat="server" AutoGenerateColumns="False" OnRowEditing="GridView1_RowEditing" OnRowDataBound="GridView1_RowDataBound"> 
168  <Columns> 
169  <asp:TemplateField HeaderText="ProductName" > 
170  <ItemTemplate> 
171  <%# Eval("ProductName") %> 
172  </ItemTemplate> 
173  <EditItemTemplate> 
174  <asp:TextBox ID="txtProductName" runat="server" Text='<%# Bind("ProductName") %>' /> 
175  </EditItemTemplate> 
176  </asp:TemplateField> 
177  <asp:BoundField DataField="UnitPrice" HeaderText="UnitPrice" /> 
178  
179  </Columns> 
180  </asp:GridView></div> 
181  <div style="float:left;padding-left:100px;"> 
182  <h3>DataGrid Version</h3> 
183  <asp:DataGrid ID="DataGrid1" DataKeyField="ProductID"  runat="server" AutoGenerateColumns="False" OnEditCommand="DataGrid1_EditCommand" OnItemDataBound="DataGrid1_ItemDataBound"> 
184  <Columns> 
185  <asp:TemplateColumn> 
186  <ItemTemplate> 
187  <asp:Button ID="btnHiddenPostButton" CommandName="Edit" runat="server" Text="HiddenPostButton" style="display:none" /> 
188  </ItemTemplate> 
189  </asp:TemplateColumn> 
190  <asp:BoundColumn DataField="ProductName" HeaderText="ProductName" /> 
191  <asp:BoundColumn DataField="UnitPrice" HeaderText="UnitPrice" /> 
192  </Columns> 
193  </asp:DataGrid></div> 
194  </li> 
195  </div> 
196  </form> 
197 </body> 
198 </html>

<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>

<%--http://community.csdn.net/Expert/TopicView3.asp?id=5767096--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack) {
            LoadGridViewProductData();
            LoadDataGridProductData();
        }
    }

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        /**//*
         当然可以在这里进行客户端脚本绑定，
         但是，我选择在重载页的 Render 方法中处理，因为
         1. RowDataBound 仅仅在调用 DataBind 之后才会触发，回发通过 ViewState 创建空件不触发
            假如需要更多的处理，你需要分开部分逻辑到 RowCreated 等事件中
         2. 并且我们希望使用
            ClientScript.GetPostBackEventReference 和 ClientScript.RegisterForEventValidation 方法
            进行安全脚本的注册，而后者需要在页的 Render 阶段中才能处理
        */
    }

    protected void DataGrid1_ItemDataBound(object sender, DataGridItemEventArgs e)
    {
        // 隐藏辅助按钮列
        int cellIndex = 0;
        e.Item.Cells[cellIndex].Attributes["style"] = "display:none";
    }

    void LoadGridViewProductData()
    {
        DataTable dt = CreateSampleProductData();

        GridView1.DataSource = dt;
        GridView1.DataBind();
    }

    void LoadDataGridProductData()
    {
        DataTable dt = CreateSampleProductData();

        DataGrid1.DataSource = dt;
        DataGrid1.DataBind();
    }

    sample data#region sample data

    static DataTable CreateSampleProductData()
    {
        DataTable tbl = new DataTable("Products");

        tbl.Columns.Add("ProductID", typeof(int));
        tbl.Columns.Add("ProductName", typeof(string));
        tbl.Columns.Add("UnitPrice", typeof(decimal));
        tbl.Columns.Add("CategoryID", typeof(int));

        tbl.Rows.Add(1, "Chai", 18, 1);
        tbl.Rows.Add(2, "Chang", 19, 1);
        tbl.Rows.Add(3, "Aniseed Syrup", 10, 2);
        tbl.Rows.Add(4, "Chef Anton's Cajun Seasoning", 22, 2);
        tbl.Rows.Add(5, "Chef Anton's Gumbo Mix", 21.35, 2);
        tbl.Rows.Add(47, "Zaanse koeken", 9.5, 3);
        tbl.Rows.Add(48, "Chocolade", 12.75, 3);
        tbl.Rows.Add(49, "Maxilaku", 20, 3);

        return tbl;
    }

    #endregion

    protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
    {
        GridView1.EditIndex = e.NewEditIndex;
        LoadGridViewProductData();
    }

    protected void DataGrid1_EditCommand(object source, DataGridCommandEventArgs e)
    {
        DataGrid1.EditItemIndex = e.Item.ItemIndex;
        LoadDataGridProductData();
    }

    protected override void Render(HtmlTextWriter writer)
    {
        // GridView
        foreach (GridViewRow row in GridView1.Rows) {
            if (row.RowState == DataControlRowState.Edit) { // 编辑状态
                row.Attributes.Remove("onclick");
                row.Attributes.Remove("ondblclick");
                row.Attributes.Remove("style");
                row.Attributes["title"] = "编辑行";
                continue;
            }
            if (row.RowType == DataControlRowType.DataRow) {
                //单击事件，为了响应双击事件，延迟 1 s，根据需要可能需要增加延迟
                row.Attributes["onclick"] = String.Format("javascript:setTimeout(\"window.open('DummyProductDetail.aspx?productid={0}')\", 1000*1);event.cancelBubble=true;", GridView1.DataKeys[row.RowIndex].Value.ToString());
                // 获取ASP.NET内置回发脚本函数，返回 __doPostBack(<<EventTarget>>, <<EventArgument>>)
                // 可直接硬编码写入脚本，不推荐
                row.Attributes["ondblclick"] = ClientScript.GetPostBackEventReference(GridView1, "Edit$" + row.RowIndex.ToString(), true);
                //
                row.Attributes["style"] = "cursor:pointer";
                row.Attributes["title"] = "单击打开详细页面、双击进入编辑";
            }
        }

        // DataGrid
        foreach (DataGridItem item in DataGrid1.Items) {
            if (item.ItemType == ListItemType.EditItem) {
                item.Attributes.Remove("onclick");
                item.Attributes.Remove("ondblclick");
                item.Attributes.Remove("style");
                item.Attributes["title"] = "编辑行";
                continue;
            }
            if (item.ItemType == ListItemType.Item || item.ItemType == ListItemType.AlternatingItem) {
                //单击事件，为了响应双击事件，延迟 1 s，根据需要可能需要增加延迟
                item.Attributes["onclick"] = String.Format("javascript:setTimeout(\"window.open('DummyProductDetail.aspx?productid={0}')\", 1000*1);event.cancelBubble=true;", DataGrid1.DataKeys[item.ItemIndex].ToString());
                // 双击
                // 获取辅助的支持回发按钮
                // 相对而言， GridView 支持直接将 CommandName 作为 <<EventArgument>> 故不需要辅助按钮
                Button btnHiddenPostButton = item.FindControl("btnHiddenPostButton") as Button;
                // 获取ASP.NET内置回发脚本函数，返回 __doPostBack(<<EventTarget>>, <<EventArgument>>)
                // 可直接硬编码写入脚本，不推荐
                item.Attributes["ondblclick"] = ClientScript.GetPostBackEventReference(btnHiddenPostButton, "");
                //
                item.Attributes["style"] = "cursor:pointer";
                item.Attributes["title"] = "单击打开详细页面、双击进入编辑";
            }
        }

        base.Render(writer);
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>ASP.NET DEMO15: GridView 行单击与双击事件</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h3>功能：</h3>
            <li>单击弹出当前详细页面</li>
            <li>双击进入编辑状态（GridView/DataGrid内置 Edit）</li>
        <h3>说明：</h3>
            <li>单击事件（onclick）使用了 setTimeout 延迟，根据实际需要修改延迟时间</li>
            <li>常见处理行方式会选择在 RowDataBound/ItemDataBound 中处理，这里我选择 Page.Render 中处理，至少基于以下考虑
                <li style="padding-left:20px; list-style-type:square">RowDataBound 仅仅在调用 DataBind 之后才会触发，回发通过 ViewState 创建空件不触发
            假如需要更多的处理，你需要分开部分逻辑到 RowCreated 等事件中</li>
                <li style="padding-left:20px; list-style-type:square">并且我们希望使用
            ClientScript.GetPostBackEventReference 和 ClientScript.RegisterForEventValidation 方法
            进行安全脚本的注册，而后者需要在页的 Render 阶段中才能处理</li>
            </li>
            <li>关于“DataGrid中采取的辅助按钮支持回发”见<a href="http://www.cnblogs.com/Jinglecat/archive/2007/07/15/818394.html">ASP.NET DEMO8: 为 GridView 每行添加服务器事件</a>
        <br />
        <input type="button" id="Button1" value="Rebind" onclick="location.href=location.href;" />
        <div style="float:left">
        <h3>GridView Version</h3>
        <asp:GridView ID="GridView1" DataKeyNames="ProductID" runat="server" AutoGenerateColumns="False" OnRowEditing="GridView1_RowEditing" OnRowDataBound="GridView1_RowDataBound">
            <Columns>
                <asp:TemplateField HeaderText="ProductName" >
                    <ItemTemplate>
                        <%# Eval("ProductName") %>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="txtProductName" runat="server" Text='<%# Bind("ProductName") %>' />
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="UnitPrice" HeaderText="UnitPrice" />

            </Columns>
        </asp:GridView></div>
        <div style="float:left;padding-left:100px;">
        <h3>DataGrid Version</h3>
        <asp:DataGrid ID="DataGrid1" DataKeyField="ProductID"  runat="server" AutoGenerateColumns="False" OnEditCommand="DataGrid1_EditCommand" OnItemDataBound="DataGrid1_ItemDataBound">
            <Columns>
                <asp:TemplateColumn>
                    <ItemTemplate>
                        <asp:Button ID="btnHiddenPostButton" CommandName="Edit" runat="server" Text="HiddenPostButton" style="display:none" />
                    </ItemTemplate>
                </asp:TemplateColumn>
                <asp:BoundColumn DataField="ProductName" HeaderText="ProductName" />
                <asp:BoundColumn DataField="UnitPrice" HeaderText="UnitPrice" />
            </Columns>
        </asp:DataGrid></div>
        </li>
        </div>
    </form>
</body>
</html>

效果：

下载
PS：未实现 Edit 对应的 Update/Cancel ，根据需要自行添加即可。

转自：http://www.cnblogs.com/Jinglecat/archive/2007/09/20/900645.html

相关阅读:
SQL Server临时表的使用方案
SqlServer 临时表
SqlServer 数据表数据移动
IQ/OQ/DQ/PQ
(转)C# WebApi 跨域问题解决方案：CORS
(转).Net高级进阶，在复杂的业务逻辑下，如何以最简练的代码，最直观的编写事务代码？
(转)C#动态webservice调用接口
(转)wsdl文件用SoapUI快速创建WebService，CXF生成客户端代码
(转)C# Oracle数据库操作类
(转)C#连接Oracle数据库(直接引用dll使用)

原文地址：https://www.cnblogs.com/tangge/p/2505594.html