如何在制表器中动态地将行添加到嵌套树数据中？

对于我的项目，我需要根据用户提交的表单数据将新的子行添加到数据树中的父行。我无法在文档中找到如何执行此操作的示例。使用 addRow({...}) 函数可以实现这一点吗？我如何声明哪个父级添加子行？或者我是否需要构建一个自定义函数，将新行插入表 JSON 对象并重绘表？

感谢您的帮助！

我使用的解决方案是将新行对象添加到父行的 _children 数组的副本中，然后向父行发送更新。为此，您需要找到父行，获取其数据（其中将包括子行对象的 _children 数组），将新数据行添加到 _children，并更新数据表中的父行数据。

$("#add-child-row").click(function(){
    //Get values for child row form fields
    var childFields = $("#child-form").serializeArray().reduce(function(obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});

    var newRow = {
        name: childFields.name,
        location: childFields.location,
        gender: childFields.gender,
        col: childFields.color,
        dob: childFields.dob,
    };

    //Find row to add child
    //searchRows() returns array
    //In my case, I am only expecting one matching row so use index 0
    var parentRow = table.searchRows("name","=","Oli Bob");

    //Get data for the parent row so we can update it's _children array
    var tempParentRowData = parentRow[0].getData();

    //Add new row to children array
    tempParentRowData._children.push(newRow);

    //Update data table row with new children array
    parentRow[0].update({_children:tempParentRowData._children});
});

如果您期望有大量的子行，我不知道这会起到多大作用。如果上述解决方案有任何缺陷或有更好的解决方案，我很乐意看到。