如何为gridview 的行绑定一个js事件呢?

njstalk 2010-10-11 02:19:29

本来gridview 提供了一个选择行的功能，但是这个自带的选择功能每次都要刷新页面，所以想用js的方法来实现点击一行的一个按钮或来链接来返回改行的id，请问应该怎么做呢？我是用前台绑定数据的方法。
谢谢！

...全文

175 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

fzhjl 2010-12-17

打赏
举报

在源代码中加：
CommandName="btnUpdate" CommandArgument='<%# Eval("Id") %>'
在 GridView_RowCommand事件中
取值： int id = Int32.Parse(e.CommandArgument.ToString()

Arthur080319 2010-10-11

打赏
举报

[Quote=引用 11 楼 njstalk 的回复:]
引用 10 楼 arthur080319 的回复:
你添加一个按钮，给按钮绑上前台事件试试
btnClick.Attributes.Add("OnClick", "SelectRow(" + e.Row.RowIndex + ")");

这个怎么添加进去呢？
我添加了按钮后，但是只能给这个按钮绑定数据呢，怎么可以绑定个事件呢？
[/Quote]

不懂你问的什么意思？
Button btnClick = e.row[RowIndex].FindControl("控件ID") as Button;
btnClick.Attributes.Add("OnClick", "SelectRow(" + e.Row.RowIndex + ")");

这不就绑定了吗？写在RowDataBound事件里

njstalk 2010-10-11

打赏
举报

[Quote=引用 10 楼 arthur080319 的回复:]
你添加一个按钮，给按钮绑上前台事件试试
btnClick.Attributes.Add("OnClick", "SelectRow(" + e.Row.RowIndex + ")");
[/Quote]
这个怎么添加进去呢？
我添加了按钮后，但是只能给这个按钮绑定数据呢，怎么可以绑定个事件呢？

Arthur080319 2010-10-11

打赏
举报

你添加一个按钮，给按钮绑上前台事件试试
btnClick.Attributes.Add("OnClick", "SelectRow(" + e.Row.RowIndex + ")");

njstalk 2010-10-11

打赏
举报

关键是这个事件没被触发得嘛。。。

        protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

        {

            e.Row.Attributes.Add("OnClick", "SelectRow(" + e.Row.RowIndex + ")");         

        }

我这样写了后没效果啊。。。

njstalk 2010-10-11

打赏
举报

就是用数据控件绑定的数据。

wuyq11 2010-10-11

打赏
举报

e.Row.Attributes.Add("OnClick","SelectRow(" + e.Row.RowIndex + ")");
function SelectRow(Index)
{
alert(index);
}

NocturneLLJ 2010-10-11

打赏
举报



//不知道你这个 "前台绑定数据的方法" 具体指什么.

//如果真想前台绑定.那写个JS



var grid = document.getElementById('<%=GridViewID.ClientID %>');



if (grid != null) {

    var objRows = grid.rows;

    //如果不是表头

    if (objRows.length > 1) {

        foreach (var oRow in objRows) {

            //补充一下.你上面的test()方法都没有返回值.你后台return个屁啊

            oRow.onclick = test

        }

    }

}

njstalk 2010-10-11

打赏
举报

补充下，我是用前台控件绑定数据的，这样RowDataBound还会触发吗？

njstalk 2010-10-11

打赏
举报

我在后台代码页面上面添加了这个：



 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

        {

            e.Row.Attributes.Add("onclick", "return test();");            

        }

然后在前台页面里面这样写的：



<html xmlns="http://www.w3.org/1999/xhtml">

    <script type="text/javascript">

        function test() {

            alert('ok');

        }

    </script>

<head runat="server">

    <title>测试</title>

下面省略。。。

</head>

执行了以后没有报错，但是好像没反应呢，点了之后也不弹对话框出来，请问该怎么做呢？

阿彪兄 2010-10-11

打赏
举报

在RowDataBound事件中加一个e.row.attributes.add("onclick","return jsfunction();");

hailin668 2010-10-11

打赏
举报

 var obj=document.all;                           //获取页面中的所有控件的集合

        var purStr=""; 

        for(i=0;i<obj.length;i++)

        {

           if(obj[i].type=="checkbox")                 //获取checkbook控件

           { 

              if(obj[i].checked)                      //获取选中的checkbox控件

              {

                purStr=purStr+ obj[i].value+",";

             }

           }

hailin668 2010-10-11

打赏
举报

 for (int i = 0; i < gwArticle.Rows.Count; i++)

            {

                CheckBox chk = (CheckBox)(gwArticle.Rows[i].Cells[0].FindControl("cbR1Item"));

                if (chk.Checked)

                {

                    //审核代码

                    int Id = Convert.ToInt32(gwArticle.Rows[i].Cells[1].Text);

                    

                }

            }