0

我一直在谷歌上寻找这个问题的解决方案，但我要么在寻找错误的东西，要么找不到满足我需求的东西。

我需要一个 jQuery 表格插件或可以完成以下任务的相应功能：

  • 通过 AJAX 加载表格内容
  • 自动分页
  • 列排序
  • 自动更新超时（每隔一段时间，与 AJAX 交谈并仅更新已更改或需要添加的行）<-- 这是最重要的。

我假设它的实现类似于：

<table class="autoTable">
    <thead>
        <tr>
            <th>Custom Row Name 1</th>
            <th>Custom Row Name 2</th>
            <th>Custom Row Name 3</th>
            <th>Custom Row Name 4</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

和类似的东西：

$('.autoTable').each(function() {
    $(this).autoTable({
        timeout: 500
        url:     "ajax/test.json"
    });
});

它使用 JSON 值，例如：

[
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    },
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    },
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    },
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    },
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    },
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    },
    {
        "row1": "Lorem",
        "row2": "Ipsum",
        "row3": "Dolor",
        "row4": "Sit"
    }

]

希望你知道一些事情。

4

2 回答 2

0

你应该看看这里，我知道的 jquery 中最好的数据网格：http ://www.trirand.com/blog/jqgrid/jqgrid.html

于 2012-11-08T18:59:15.827 回答
0

有DataTables ，它 可以满足您的前三个要求，但我非常怀疑您的最后一个要求是否有现成的解决方案。虽然相当复杂，但我（个人）发现 DataTables 的自定义开发文档杂乱无章且难以理解。

于 2012-11-08T19:01:04.450 回答