使用JavaScript選擇GridView行的方法匯總（Select row of GridView by JavaScript）

先說說我的方法吧，不是最好的，卻是代碼量最少的

 

一行：

e.Row.Attributes["onclick"] = ClientScript.GetPostBackClientHyperlink(this.gvUsers, "select$" + e.Row.RowIndex);

 

呵呵有點誇張了，具體做法是在GridView的RowDataBound事件裡寫這麼寫：

 

    protected void gvUsers_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        e.Row.Attributes["onclick"] = ClientScript.GetPostBackClientHyperlink(this.gvUsers, "select$" + e.Row.RowIndex);
        e.Row.Attributes["style"] = "cursor:pointer";
    }

 

原理很簡單，在ASP.NET的頁面Render時，GridView的選擇、刪除、編輯 等事件會產生簡單的postback 參數，分別是select$, Update$, Edit$...

這樣就給我們帶來了很大的便利，在上面的例子中，就使用了Select$方式

 

與這個方法類似或幾乎相同的還有：

來自http://www.cnblogs.com/xioxu/articles/473369.html的：（這位園友添加了RowType的判斷，good！）

 

protected void grdView_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes.Add("onClick", "javascript:__doPostBack('"+grdView.ID+"','Select$"+e.Row.RowIndex+"');");
    }
}

 

來自http://www.cnblogs.com/easydata/articles/924947.html的：（確實，我們還可以像這位園友一樣，給Row添加許多用戶端效果，比如onmouseover之類的）

 

protected override void Render(HtmlTextWriter writer)
    {
        foreach (GridViewRow Row in GridView1.Rows)
        {
            if (Row.RowType == DataControlRowType.DataRow)
            {
                Row.Attributes["ondblclick"] = ClientScript.GetPostBackEventReference(GridView1, "Select$" + Row.RowIndex.ToString(), true);
                Row.Attributes["style"] = "cursor:pointer";
                Row.Attributes["title"] = "雙擊選擇行";
            }
        }
        base.Render(writer);
    }

 

 

OK，上面的做法都是通過JavaScript實現，但還是發生了PostBack，如果想實現完全的AJAX選取，還是請參考李永京前輩的文章：

http://www.cnblogs.com/lyj/archive/2008/05/10/1191275.html

其原理是藉助HiddenField來實現用戶端的"Select"(不是真正的select了那一行..)