引导表设置标记为已选中

时间:2018-09-21 23:01:39

标签: .net .net-core bootstrap-table razor-pages

我正在使用Bootstrap表。位于Here

的文档

我正在对来自MySQL服务器的大量动态生成的数据使用分页。我在表的开头使用复选框,但是我需要一种方法来对数百个条目进行采样,然后根据现有数据对其中的几个条目进行复选标记。

我尝试使用$("#storeTable").bootstrapTable('getData', false);来循环浏览所有条目并使用表后装入方法检查它们,但是,这仅返回分页显示的10左右行。

在这里提供任何有关修复或策略的帮助都将很不错。如果在检查它们之后我可以将选中的那些排序到顶部,那也很好。

Picture of Table

<div class="form-group">
                <div id="@ViewData["Title"]" class="table-responsive text-nowrap" style="white-space:normal; overflow-x:scroll">
                    <table id="storeTable" class="table table-bordered table-hover" style="width:100%" data-toggle="table" data-search="true" data-toolbar="#toolbar" data-pagination="true" data-side-pagination="client" data-show-pagination-switch="true" data-page-list="[10, 25, 50, ALL]" data-click-to-select="true" data-filter>
                        <thead>
                            <tr>
                                <th data-sortable="true" data-checkbox="true">
                                </th>
                                <th data-field="cg" data-sortable="true">
                                    @Html.DisplayNameFor(model => model.dealeradminstore[0].cg)
                                </th>
                                <th data-field="sn" data-sortable="true">
                                    @Html.DisplayNameFor(model => model.dealeradminstore[0].serial_number)
                                </th>
                                <th data-field="name" data-sortable="true">
                                    @Html.DisplayNameFor(model => model.dealeradminstore[0].Name)
                                </th>
                                <th data-sortable="true">
                                    WebReports
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model.dealeradminstore)
                            {
                                <tr id="@test.NullRefExcl(item.serial_number.ToString())">
                                    <td></td>
                                    <td>
                                        @test.NullRefExcl(item.cg.ToString())
                                    </td>
                                    <td>
                                        @test.NullRefExcl(item.serial_number.ToString())
                                    </td>
                                    <td>
                                        @test.NullRefExcl(item.Name)
                                    </td>
                                    <td>
                                        @{string reportsCheck = "";
                                            if (test.NullRefExcl(item.base_xtags).Contains("RPT"))
                                            {
                                                reportsCheck = "Yes";
                                            }
                                            if (!test.NullRefExcl(item.base_xtags).Contains("RPT"))
                                            {
                                                reportsCheck = "No";
                                            }
                                        }
                                        @test.NullRefExcl(reportsCheck)
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>

1 个答案:

答案 0 :(得分:0)

如果使用分页功能,该表将仅加载当前页面的10行。

当您想显示适合您参数的行时,必须调整MySql查询。哪个从数据库请求数据。