码迷,mamicode.com
首页 > 编程语言 > 详细

使用JavaScript选择GridView行的方法汇总

时间:2018-10-11 21:45:51      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:update   his   too   wro   tostring   rowtype   www.   nta   lan   

一行:

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了那一行..)

使用JavaScript选择GridView行的方法汇总

标签:update   his   too   wro   tostring   rowtype   www.   nta   lan   

原文地址:https://www.cnblogs.com/asdyzh/p/9774785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!