用的是aspnet，GridView实现它的RowDataBound事件，具体看代码，仅供参考：
前台：
<html xmlns="
<head runat="server">
<title></title>
<!--点击GridView任意行的位置，获取该行的ID值-->
<script type="text/javascript">
function getId(row_index) {
var grid_view = documentgetElementById('<%=GridView1ClientID %>');
var rows = grid_viewrows;
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 : SystemWebUIPage
{
protected void Page_Load(object sender, EventArgs e)
{
List<Person> list = new List<Person>();
listAdd(new Person("001", "张三"));
listAdd(new Person("002", "李四"));
listAdd(new Person("003", "王五"));
listAdd(new Person("004", "赵六"));
listAdd(new Person("005", "何七"));
GridView1DataSource = list;
GridView1DataBind();
}
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (eRowRowType == DataControlRowTypeDataRow)
{
int row_index = eRowRowIndex + 1;
eRowAttributesAdd("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; }
}
}
表格的第一行为thead中的th
剩下的数据放到tbody中
最后那一行添加的放到tfoot中
对tbody下面的所有tr绑定一个点击事件
事件中获取这个tr下的所有td，就可以获取这行的数据了
大概代码如下:
var trs =documentgetElementById("tbodyId")getElementsByTagName("tr");
for(int i=0;i<=trslength;i++)
{
var tr = trs[i]；
var tds＝trgetElementsByTagName("td");
//下面遍历tds就可以去获取数据了
//把数据放到下面的表单就好了
//然后提交数据，在服务端进行修改
}
以上就是关于js中怎么获取点击的gridview的行数全部的内容，包括:js中怎么获取点击的gridview的行数、怎么用JavaScript获取table某行数据、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）