3

我可以知道如何从 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>
4

2 回答 2

4

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

在此，如果您只想手动向客户端添加数据，请提供addRecord参数clientOnly：

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

完整的工作演示：JSFIDDLE

于 2013-08-06T13:55:02.163 回答
2

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

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

于 2013-08-06T14:01:09.613 回答