如何从服务器端获取DevExpress BootstrapGridView选中行？客户端有替代事件吗？

看来你在使用DevExpress BootstrapGridView的复选框行选择时，遇到了客户端SelectedChanged事件偶尔获取不到选中行的问题——这种情况确实挺头疼的，尤其是当用户明明选了行但数组为空的时候。下面我给你详细说说服务器端的可靠获取方式，以及几种更稳定的客户端替代方案：

一、服务器端获取选中行（最可靠的方案） #

如果你的业务逻辑最终需要和服务器交互，那直接从服务器端获取选中行是最稳妥的，完全不会有客户端状态不同步的问题。

1. 先确保复选框列的基础配置 #

首先要确认你的GridView复选框列设置正确，比如：

<dx:BootstrapGridView ID="BootstrapGridView1" runat="server" KeyFieldName="ID">
    <SettingsSelection Mode="Multiple" />
    <Columns>
        <dx:BootstrapGridViewCheckBoxColumn ShowSelectCheckbox="true" />
        <!-- 其他业务列 -->
    </Columns>
</dx:BootstrapGridView>

这里SettingsSelection.Mode="Multiple"开启多选，KeyFieldName指定主键字段（服务器端获取选中行的核心依赖）。

2. 服务器端获取的两种常用方式 #

方式一：用GetSelectedFieldValues获取指定字段值

在服务器端的按钮点击或其他触发事件中，直接调用这个方法获取选中行的字段值，比如获取主键ID：

protected void btnSubmitSelected_Click(object sender, EventArgs e)
{
    // 获取所有选中行的ID字段值
    var selectedIDs = BootstrapGridView1.GetSelectedFieldValues("ID");
    
    foreach (var id in selectedIDs)
    {
        // 这里处理每个选中的ID，比如存入数据库或执行业务逻辑
        Debug.WriteLine($"选中的ID: {id}");
    }
}

如果需要获取多个字段（比如ID和Name），可以传入字段数组：

var selectedData = BootstrapGridView1.GetSelectedFieldValues(new string[] { "ID", "Name" });
foreach (object[] rowData in selectedData)
{
    int id = (int)rowData[0];
    string name = (string)rowData[1];
    // 处理行数据
}

方式二：遍历SelectedRows集合

如果你需要更详细的行数据，可以直接遍历SelectedRows集合：

foreach (GridViewDataRow row in BootstrapGridView1.SelectedRows)
{
    int id = row.GetFieldValue<int>("ID");
    string name = row.GetFieldValue<string>("Name");
    bool isActive = row.GetFieldValue<bool>("IsActive");
    // 处理每一行的具体数据
}

二、客户端的替代方案（解决SelectedChanged空数组问题） #

如果你的业务需要纯客户端处理，那可以试试下面几种方案，替代原来的SelectedChanged事件：

1. 主动获取选中行（按需调用，避免事件延迟） #

不要依赖SelectedChanged事件触发时获取，而是在需要使用选中数据的时候（比如点击客户端按钮）主动调用GridView的客户端API获取：

function onClientBtnClick(s, e) {
    var grid = BootstrapGridView1;
    
    // 先判断是否有选中行
    if (grid.GetSelectedRowCount() === 0) {
        alert("请选择至少一行");
        return;
    }
    
    // 获取当前页的选中主键
    var selectedKeys = grid.GetSelectedKeysOnPage();
    console.log("当前页选中主键：", selectedKeys);
    
    // 如果需要获取指定字段值，用GetSelectedFieldValues（异步回调）
    grid.GetSelectedFieldValues(["ID", "Name"], function(values) {
        for (var i = 0; i < values.length; i++) {
            var id = values[i][0];
            var name = values[i][1];
            console.log(`选中项：ID=${id}, Name=${name}`);
        }
    });
}

这种方式的好处是，你可以确保在调用时GridView的选中状态已经完全同步，不会出现事件触发时DOM还没更新的情况。

2. 直接监听复选框的CheckedChanged事件 #

绕过GridView的SelectedChanged，直接给复选框列绑定CheckedChanged事件，这样每次复选框点击都会精准触发：
首先在ASPX中配置复选框列的客户端事件：

<dx:BootstrapGridViewCheckBoxColumn ShowSelectCheckbox="true">
    <ClientSideEvents CheckedChanged="onCheckboxChecked" />
</dx:BootstrapGridViewCheckBoxColumn>

然后写客户端处理函数：

// 可以维护一个全局数组保存选中的主键
let selectedRows = [];

function onCheckboxChecked(s, e) {
    // 获取当前行的主键
    var rowKey = s.GetRowKey(e.visibleIndex);
    // 判断当前行是否被选中
    var isSelected = s.GetSelectedRowIndex(e.visibleIndex) !== -1;
    
    console.log(`行 ${rowKey} 的选中状态变为：${isSelected}`);
    
    // 更新全局选中集合
    if (isSelected) {
        selectedRows.push(rowKey);
    } else {
        var index = selectedRows.indexOf(rowKey);
        if (index !== -1) selectedRows.splice(index, 1);
    }
}

这种方式更直接，不会受GridView整体事件的延迟或回调影响。

3. 启用持久化选中（解决跨页选中丢失问题） #

如果你的问题是跨页后选中行丢失导致的空数组，那可以开启GridView的持久化选中功能：

<dx:BootstrapGridView ID="BootstrapGridView1" runat="server" KeyFieldName="ID">
    <SettingsSelection Mode="Multiple" PersistentSelection="true" />
    <SettingsBehavior AllowSelectByRowClick="true" />
    <!-- 其他配置 -->
</dx:BootstrapGridView>

开启PersistentSelection="true"后，GridView会在客户端保存跨页的选中状态，这时用客户端API获取的就是所有页的选中行（而不仅仅是当前页）。

为什么SelectedChanged有时会返回空数组？ #

常见的原因有两个：

• 回调同步延迟：GridView在回调（比如分页、排序）后，SelectedChanged事件触发时，客户端的选中状态可能还没完全更新，导致获取到空数组。
• 跨页选中未持久化：默认情况下，GridView只保存当前页的选中状态，跨页后之前的选中行不会被保留，这时如果用户在新页操作，可能会出现看似选中但数组为空的情况。

内容的提问来源于stack exchange，提问作者Georgian Citizen