如何在Gridview ASP.NET Webforms中获取选定行的行索引 - C#

在ASP.NET Webforms中，GridView是用于显示数据的常见控件之一。通过GridView，用户可以轻松地绑定和渲染数据，还可以对其进行排序、筛选和分页等操作。在GridView中，如果需要获取选定行的行索引，可以使用以下步骤：

步骤1：添加选择字段

为了使GridView支持行选择，需要在GridView中添加选择字段。可以通过在GridView的属性中设置AutoGenerateSelectButton="true"来实现。这将在GridView的左侧添加一个复选框，使用户可以选择一行。

<asp:GridView ID="GridView1" runat="server" AutoGenerateSelectButton="true">
</asp:GridView>

步骤2：处理选定事件

当用户选定GridView中的一行时，可以使用SelectedIndexChanged事件来处理该事件。在该事件中，可以获取选定行的行索引并执行其他逻辑。需要注意的是，为了使SelectedIndexChanged事件能够工作，必须在GridView中启用ViewState。

<asp:GridView ID="GridView1" runat="server" AutoGenerateSelectButton="true"
    EnableViewState="true" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
</asp:GridView>

protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
{
    int index = GridView1.SelectedIndex;
    // 执行其他逻辑
}

在SelectedIndexChanged事件中，使用SelectedIndex属性可以获取选定行的行索引。该属性返回一个整数，指示选定行的行号。需要注意的是，如果在GridView中启用了分页，行索引将是基于当前页面的索引而不是基于整个数据源的索引。

步骤3：可选的：使用JavaScript处理事件

除了在服务器端处理SelectedIndexChanged事件外，还可以使用JavaScript来处理该事件。在GridView的属性中设置ClientIDMode="Static"，可以使GridView的客户端ID保持不变，并在JavaScript中引用GridView。

<asp:GridView ID="GridView1" runat="server" AutoGenerateSelectButton="true"
    EnableViewState="true" ClientIDMode="Static">
</asp:GridView>

在JavaScript中，可以使用以下代码来获取选定行的行索引：

function getSelectedRowIndex(gridView) {
    var selectedRows = gridView.getElementsByTagName("TR");
    for (var i = 0; i < selectedRows.length; i++) {
        if (selectedRows[i].className.indexOf("selected") >= 0) {
            return i - 1; // 减去表头行
        }
    }
    return -1; // 没有选定行
}

在GridView的onclick事件中，可以调用该函数来获取选定行的行索引，并执行其他逻辑。需要注意的是，由于ASP.NET Webforms使用__doPostBack函数来触发服务器端事件，因此在JavaScript中需要模拟__doPostBack函数。以下是完整的JavaScript代码：

function doPostBack(eventTarget, eventArgument) {
    var theForm = document.forms['__ASPNETFORM'];
    if (!theForm) {
        theForm = document.forms['aspnetForm'];
    }
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}

function getSelectedRowIndex(gridView) {
    var selectedRows = gridView.getElementsByTagName("TR");
    for (var i = 0; i < selectedRows.length; i++) {
        if (selectedRows[i].className.indexOf("selected") >= 0) {
            return i - 1; // 减去表头行
        }
    }
    return -1; // 没有选定行
}

function gridView_onclick(event) {
    var element = event.target || event.srcElement;
    while (element && element.tagName != "TR") {
        element = element.parentNode;
    }
    if (element) {
        var index = getSelectedRowIndex(this);
        if (index >= 0) {
            doPostBack('GridView1', 'Select$' + index);
        }
    }
}

以上是如何在GridView ASP.NET Webforms中获取选定行的行索引的步骤和代码示例。在使用这些代码时需要注意，代码中的GridView ID、事件处理程序名称等需要根据实际情况进行修改。