如何将记录添加到jTable？答案

【问题标题】：How to add record to jTable?如何将记录添加到jTable？
【发布时间】：2013-08-06 13:42:15
【问题描述】：

我可以知道如何从 json 或数组向 jtable 添加记录吗？

我只能从 API Reference 中找到两个方法

我都试过了，但都不起作用，它总是显示“没有可用的数据！”

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="jqueryui/ui/jquery-ui.js"></script>
<script src="jquery.jtable.js"></script>

<link rel="stylesheet" type="text/css" href="themes/basic/jtable_basic.css" />
<script>
jQuery(document).ready
(
    function()
    {
        var jt=$('#jt').jtable
        (
            {
                title: 'this is title',
                fields: {
                    a: {
                        title: 'a'
                    },
                    b: {
                        title: 'b'
                    }
                }
            }
        );
        jt.jtable('load',{a:'aaa',b:'bbb'});

        jt.jtable('addRecord', {
            record: {
                a:'aaa',b:'bbb'
            }
        });
    }
);
</script>
</head>
<body>

<div id="jt">

</div>

</body>
</html>

【问题讨论】：

标签： javascript jquery jquery-jtable

【解决方案1】：

load 方法用于从服务器检索数据到表中。如果您想手动添加数据，那么addRecord 是正确的使用方法。但是：默认情况下，jtable 也会尝试将数据添加到服务器。如果您没有正确配置服务器，那么 addRecord 也可能会失败。

这里，如果你只是想手动添加数据到客户端，提供addRecord和clientOnly参数：

$('#jt').jtable('addRecord', {
   record: {
      a:'aaa',b:'bbb'
   },
   clientOnly: true
});

完整的工作演示：JSFIDDLE

【讨论】：

如果我设置了 paging:true，这是行不通的，它仍然会向服务器发送一些东西。我可以只在客户端使用带有分页的 jtable 吗？
jTable 的主要卖点是 Ajax 支持。如果不需要服务器端通信，为什么还要使用 jTable？为什么不使用，比如说，DataTables？ datatables.net
如果启用分页，您无法阻止它从服务器github.com/hikalkan/jtable/pull/666重新加载

【解决方案2】：

您是否尝试在本地添加数据？根据documentation for addRecord，您需要指定clientOnly 选项：

clientOnly (boolean, default: false): 如果为true，jTable不向服务器添加记录，只添加到表中。

【讨论】：