从表值向Datatable添加新行?

时间:2013-10-23 20:52:34

标签: javascript jquery append datatables clone

我有一个包含信息的数据表,以及一个包含文本输入表的字段集。用户应该能够根据信息值添加新行,但这些行未正确添加。很明显,正在克隆和添加tr(在需要时清空),相应的值会附加,但数据表的分页不会更新。我无法弄清楚如何正确使用.fnAddData()来完成这里的工作。最重要的是,我不知道如何进入“权限”列 - 获取转换为表格文本的复选框。有任何想法吗?提前谢谢。

http://jsfiddle.net/BWCBX/28/

的jQuery

$('#addRow').click(function () {
    var tbody = $('#example tbody');
    var tr = tbody.find('tr:first').clone();
    tr.find('td:first').text($(".engine").val());
    tr.find('td:eq(1)').empty();
    tr.find('td:eq(2)').empty();
    tr.find('td:eq(3)').text($(".version").val());
    tr.find('td:eq(4)').empty();
    tr.appendTo(tbody);
});

1 个答案:

答案 0 :(得分:1)

有很多关于如何在API docs中使用fnAddData的例子。

我根据文档中提供的示例重写了您的JS。我已经提取了复选框,检查单独的功能以保持高可读性。更新的小提琴是here