GridView/DataGrid行單擊和雙擊事件實現代碼_.Net教程

来源:http://www.cnblogs.com/xiangyisheng/archive/2016/08/13/5096525.html
-Advertisement-
Play Games

功能： 單擊選中行，雙擊打開詳細頁面 說明：單擊事件（onclick）使用了 setTimeout 延遲，根據實際需要修改延遲時間 ;當雙擊時，通過全局變數 dbl_click 來取消單擊事件的響應 常見處理行方式會選擇在 RowDataBound/ItemDataBound 中處理，這裡我選擇 P ...


功能： 單擊選中行，雙擊打開詳細頁面 
說明：單擊事件（onclick）使用了 setTimeout 延遲，根據實際需要修改延遲時間 ;當雙擊時，通過全局變數 dbl_click 來取消單擊事件的響應 
常見處理行方式會選擇在 RowDataBound/ItemDataBound 中處理，這裡我選擇 Page.Render 中處理，至少基於以下考慮 
1、RowDataBound 僅僅在調用 DataBind 之後才會觸發，回發通過 ViewState 創建空件不觸發 假如需要更多的處理，你需要分開部分邏輯到 RowCreated 等事件中 
2、並且我們希望使用 ClientScript.GetPostBackEventReference 和 ClientScript.RegisterForEventValidation 方法 進行安全腳本的註冊，而後者需要在頁的 Render 階段中才能處理 .aspx(直接運行)

<%@ 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(); 
    }

    #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 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) { 
                // 單擊事件，為了響應雙擊事件，需要延遲單擊響應，根據需要可能需要增加延遲 
                // 獲取ASP.NET內置回發腳本函數，返回 __doPostBack(<<EventTarget>>, <<EventArgument>>) 
                // 可直接硬編碼寫入腳本，不推薦                 
                row.Attributes["onclick"] = String.Format("javascript:setTimeout(\"if(dbl_click){{dbl_click=false;}}else{{{0}}};\", 1000*0.3);", ClientScript.GetPostBackEventReference(GridView1, "Select$" + row.RowIndex.ToString(), true)); 
                // 雙擊，設置 dbl_click=true，以取消單擊響應 
                row.Attributes["ondblclick"] = String.Format("javascript:dbl_click=true;window.open(’DummyProductDetail.aspx?productid={0}’);", GridView1.DataKeys[row.RowIndex].Value.ToString()); 
                // 
                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，根據需要可能需要增加延遲 
                // 獲取輔助的支持回發按鈕 
                // 相對而言， GridView 支持直接將 CommandName 作為 <<EventArgument>> 故不需要輔助按鈕 
                Button btnHiddenPostButton = item.FindControl("btnHiddenPostButton") as Button; 
                item.Attributes["onclick"] = String.Format("javascript:setTimeout(\"if(dbl_click){{dbl_click=false;}}else{{{0}}};\", 1000*0.3);", ClientScript.GetPostBackEventReference(btnHiddenPostButton, null));                 
                // 雙擊 
                // 雙擊，設置 dbl_click=true，以取消單擊響應 
                item.Attributes["ondblclick"] = String.Format("javascript:dbl_click=true;window.open(’DummyProductDetail.aspx?productid={0}’);", DataGrid1.DataKeys[item.ItemIndex].ToString()); 
                 
                // 
                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 行單擊與雙擊事件2</title> 
    <script> 
    // 輔助全局變數，指示是否雙擊 
    var dbl_click = false; 
    </script>     
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div>         
        <h3>功能：</h3> 
            <li>單擊選中行</li> 
            <li>雙擊打開詳細頁面</li>         
        <h3>說明：</h3> 
        <ul> 
            <li>這是<a href="GridView/DataGrid http://www.cnblogs.com/Jinglecat/archive/2007/09/20/900645.html"> ASP.NET DEMO 15: 同時支持行單擊和雙擊事件</a>的改進版本</li>             
            <li>單擊事件（onclick）使用了 setTimeout 延遲，根據實際需要修改延遲時間</li> 
            <li>當雙擊時，通過全局變數 dbl_click 來取消單擊事件的響應</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> 
        </ul> 
        <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" OnRowDataBound="GridView1_RowDataBound"> 
            <SelectedRowStyle BackColor="CadetBlue" /> 
            <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" OnItemDataBound="DataGrid1_ItemDataBound"> 
        <SelectedItemStyle BackColor="CadetBlue" /> 
            <Columns>              
                <asp:TemplateColumn> 
                    <ItemTemplate> 
                        <asp:Button ID="btnHiddenPostButton" CommandName="Select" 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>

　　


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • [nRF51822] 9、基礎實驗代碼解析大全 · 實驗12 - ADC
    一、本實驗ADC 配置 解析度：10 位。 輸入通道：5，即使用輸入通道AIN5 檢測電位器的電壓。 ADC 基準電壓：1.2V。 二、NRF51822 ADC 管腳分佈 NRF51822 的ADC 共有8 個輸入通道，對應的管腳分佈入下圖： 三、NRF51822 ADC 原理 NRF51822 的 ...
  • linux下常用的命令
    （1）當vim打開一個文件的時候，可以使用 （2）對當前文件寫入： 按鍵i ，左下角會顯示insert單詞，代表可以進行文本的插入； （3）滑鼠上下左右的移動： 上：K ↑ 下：j ↓ 左：H ← 右：L → （4）換行及刪除 換行寫入： o 刪除一行 ： dd 返回 u （5）保存及退出 ESC ...
  • 類模塊基礎
    附帶東野圭吾小說集（txt文件）http://pan.baidu.com/s/1slMSFxj 類模塊有多種用途，主要用於以下幾個方面： 1.封裝相似功能到單個對象中 2.建立帶有屬性、方法和事件的對象 3.特為自定義集合建立類模塊 封裝相似功能： 以一個名為clsUStationDialog的類開 ...
  • [nRF51822] 8、基礎實驗代碼解析大全 · 實驗11 - PPI
    前一篇分析了前十個基礎實驗的代碼，從這裡開始分析後十個~ 一、PPI原理： PPI(Programmable Peripheral Interconnect)，中文翻譯為可編程外設互連。 在nRF51822 內部設置了PPI 方式，可以通過任務和事件讓不同外設之間進行互連，而不需要CPU 進行參與。 ...
  • 伺服器配置
    nginx代理啟動 /usr/local/nginx/sbin/nginx apache2.2 service httpd restart【重啟apache服務】vi /etc/sysconfig/iptables【防火牆配置】service iptables restart【重啟防火牆服務】 vi ...
  • [nRF51822] 7、基礎實驗代碼解析大全（前十）
    實驗01 - GPIO輸出控制LED 引腳輸出配置：nrf_gpio_cfg_output(LED_1); 引腳輸出置高：nrf_gpio_pin_set(LED_1); 引腳電平轉換：nrf_gpio_pin_toggle(LED_1); 毫秒延時：nrf_delay_ms(100); 實驗02 ...
  • 【轉載】DOS 系統和 Windows 系統有什麼關係？為什麼windows系統下可以執行dos命令？
    ---------------------現在windows下的命令提示符只是一個軟體，操作方式和界面模擬dos操作系統 ...
  • MicroStation VBA基礎
    實習筆記1 2016年8月1日 14:12 Option Explicit 預設情況下，如果使用一個沒有聲明的變數，它將繼承“Variant”類型。在模塊、窗體和類的通用聲明區使用“OptionExplicit”能強制我們必須聲明變數後才能使用變數 Sample： 在通用聲明區聲明瞭“Option ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類