无法获取 bootstrap table 中的选定行

Question

我在我的 ASP.NET 网页中定义了以下 bootstrap table:

<table class="display table table-bordered" data-click-to-select="true" 
                    data-pagination="true" data-sortable="true" data-show-refresh="true" data-single-select="true" data-maintain-selected="true"
                    data-show-toggle="true" data-id-field="customer_id" id="customers" name="customers">
                    <thead>
                        <tr>
                            <th data-field="state" data-checkbox="true"></th>
                            <th data-field="Customer_ID" data-sortable="true">Acct. #</th>
                            <th data-field="Company_Name" data-sortable="true">Company</th>
                            <th data-field="Federal_EIN" data-sortable="true">EIN</th>
                            <th data-field="City" data-sortable="true">City</th>
                            <th data-field="State" data-sortable="true">State</th>
                            <th data-field="Creation_Date" data-sortable="true">Added</th>
                        </tr>
                    </thead>
                </table>

并且，按照 SO 上的示例代码，我尝试使用以下 jQuery/JavaScript 代码从选定的行中获取和显示信息：

            $('#customers').on('check.bs.table', function (e, row) {
                checkedRows.push({ id: row.id, name: row.name, forks: row.forks });
                console.log(checkedRows);
                $.each(checkedRows, function (index, value) {
                    $(console.log(value.id + " | " + value.name + " | " + value.forks));
                });
            });

            $('#customers').on('uncheck.bs.table', function (e, row) {
                $.each(checkedRows, function (index, value) {
                    if (value.id === row.id) {
                        checkedRows.splice(index, 1);
                    }
                });
                console.log(checkedRows);
            });

问题是，控制台将选中行的值显示为 undefined。我做错了什么？

Answer 1

所以，我发现问题是，row 对象的字段是 case-sensitive，基于 table 填充的字段（尽管有趣的是，bootstrap table 不关心 data-field 参数是否遵守 case-sensitivity!)。因此，一旦我在引用 row 的字段时使用了正确的区分大小写，一切都会出现。谢谢大家的帮助！

无法获取 bootstrap table 中的选定行

Can't fetch selected row in bootstrap table

javascript

jquery

bootstrap-table