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

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值