jQuery Bootgrid 使用 ADO.Net 和 SQL Server 2012

Question

我读过 jQuery Bootgrid 可以简单地用于排序、分页和搜索选项，并看过演示。任何人都可以向我说明我可以将此 jQuery Bootgrid 用于我的 C# ASP.Net 应用程序吗？我正在使用与 ADO.Net 服务绑定的默认 GridView 选项。

我在这个 link 中读过一篇文章，但它解释了 php 和 MySQL。对 ADO.Net.

使用相同的概念是否适用

请有人对此有所了解。

Answer 1

Bootgrid 是一个 jQuery 插件，可以填充 json 数据 ，或者您可以构建 html table 自己（用 tr 和 td 填充 tbody）。

您当然可以将它与 C# ASP.NET WebApplication 或 WebForms 或任何可以接收 http 的东西一起使用请求，但它无法像 GridView 那样绑定到开箱即用的 ADO.NET、SQL 服务器连接，因为 GridView 是 server-side 由服务器编译并翻译为html 的组件。所以客户端只接收结果 html，而 Bootgrid 是 client-side，这意味着您可以通过使用 [=66 使其与任何类型的服务器应用程序一起工作=]来电。

你应该构建一个 API 来接收来自 bootgrid 的请求，例如，或者手动填充 html table 数据，如我说。 table 必须有它们的结构，就像这个例子：

<table id="grid-data" class="table table-condensed table-hover table-striped">
    <thead>
        <tr>
            <th data-column-id="id" data-type="numeric">ID</th>
            <th data-column-id="sender">Sender</th>
            <th data-column-id="received" data-order="desc">Received</th>
            <th data-column-id="link" data-formatter="link" data-sortable="false">Link</th>
        </tr>
    </thead>
</table>

在上面的示例中，他们只配置了 table header 列规范，请注意那些 data-column-id、data-type, data-anything 属性。它们是bootgrid的常用配置。

在这个例子中，我们没有 tbody 已经填充了 tr 和 td，它是一个要加载的示例 json数据。

另一种选择是使用 td 手动构建行：

<tbody>
    <tr>
        <td>10238</td>
        <td>eduardo@pingpong.com</td>
        <td>14.10.2013</td>
    </tr>
    ...
</tbody>

...bootgrid 也可以正常工作。

bootgrid的使用真的很简单，看他们的examples here就可以了。

jQuery Bootgrid 使用 ADO.Net 和 SQL Server 2012

jQuery Bootgrid using ADO.Net with SQL Server 2012

asp.net

ado.net

jquery

gridview

jquery-bootgrid