如何将记录添加到jTable?

时间:2013-08-06 13:42:15

标签: javascript jquery jquery-jtable

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

我只能从API参考

中找到两种方法

我试过了两次,但没有工作,它总是显示“没有数据!”

<!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>

2 个答案:

答案 0 :(得分:4)

当您想从服务器检索数据到表时,使用

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

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

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

完整的工作演示:JSFIDDLE

答案 1 :(得分:2)

您是否尝试在本地添加数据?根据{{​​3}},您需要指定clientOnly选项:

  

clientOnly (布尔值,默认值:false):如果为true,则jTable不会向服务器添加记录,只会添加到表中。