美文网首页
2018-11-27js获取鼠标点击GridView中某一列的值

2018-11-27js获取鼠标点击GridView中某一列的值

作者: 1f658716b568 | 来源:发表于2018-11-27 14:23 被阅读0次

实际只获取到了ID

我用的是asp.net,GridView实现它的RowDataBound事件,具体看代码,希望可以帮到你:
前台:
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head runat="server">
    <title></title>
    <!--点击GridView任意行的位置,获取该行的ID值-->
    <script type="text/javascript">
        function getId(row_index) {
            var grid_view = document.getElementById('<%=GridView1.ClientID %>');
            var rows = grid_view.rows;
            var personID = rows[row_index].cells[0].innerHTML;
            alert("获取的ID为:" + personID);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound">
            <Columns>
                <asp:BoundField HeaderText="ID" DataField="ID" HeaderStyle-Width="300px" ItemStyle-HorizontalAlign="Center"
                    HeaderStyle-BackColor="LightSkyBlue" />
                <asp:BoundField HeaderText="Name" DataField="Name" HeaderStyle-Width="300px" ItemStyle-HorizontalAlign="Center"
                    HeaderStyle-BackColor="LightSkyBlue" />
                <asp:BoundField HeaderText="Tel" DataField="Tel" HeaderStyle-Width="300px" ItemStyle-HorizontalAlign="Center"
                    HeaderStyle-BackColor="LightSkyBlue" />
            </Columns>
        </asp:GridView>
    </div>
    </form>
</body>
</html>

后台

后台代码:

public partial class WebForm1 : System.Web.UI.Page
{
        protected void Page_Load(object sender, EventArgs e)
        {
                List<Person> list = new List<Person>();
                list.Add(new Person("001", "张三"));
                list.Add(new Person("002", "李四"));
                list.Add(new Person("003", "王五"));
                list.Add(new Person("004", "赵六"));
                list.Add(new Person("005", "何七"));
                GridView1.DataSource = list;
                GridView1.DataBind();
        }
        protected void GridView1_RowDataBound(``object sender, GridViewRowEventArgs e)
        {
                if (e.Row.RowType == DataControlRowType.DataRow)
                {
                 int row_index = e.Row.RowIndex + 1;
                  e.Row.Attributes.Add("onclick", "getId(" + row_index + ");");
                }
        }
}

      class Person
      {
              public Person(string id, string name)
              {
                    ID = id;
                    Name = name;
              }
            private string id;
            public string ID
            {
                  get { return id; }
                  set { id = value; }
            }
            private string name;
            public string Name
            {
                  get { return name; }
                  set { name = value; }
            }
            private string tel;
            public string Tel
            {
                    get { return tel; }
                    set { tel = value; }
            }
}

相关文章

网友评论

      本文标题:2018-11-27js获取鼠标点击GridView中某一列的值

      本文链接:https://www.haomeiwen.com/subject/mxygqqtx.html