将新行附加到 table 然后尝试将其删除时出现问题

Question

我在尝试删除最近附加到 table 的行时遇到问题。我在同一视图中有 2 tables。第一个 table 有一些未分配的用户，每一行都有自己的按钮来分配它们。按下按钮时，该行将从 table 中删除并附加到显示分配用户的另一个 table。

在第二个 table 中（显示已分配用户的位置）我想实现一个按钮来取消分配用户，我实现了相同的逻辑以从已分配用户的 table 中删除该行并且将其附加到未分配的用户 table。问题是该行未从 table.

中删除

我检查了我的代码，试图删除预加载的行并且它工作正常，问题只是试图删除刚刚附加到 table 的行，这是我用于添加和删除行：

function onAllocateBtn(row_id,row_fullname,row_university,row_state,row_city,row_membership,row_age,row_gender)
{
    var row_array = [{id:row_id,fullname:row_fullname,university:row_university,state:row_state,city:row_city,membership:row_membership,age:row_age,gender:row_gender,profile:"",roles:"",deallocate:""}];
    $("#data-table-assigned").bootgrid("append",row_array);
    var rows = Array();
    rows[0]= parseInt(row_id);
    $("#data-table-unassigned").bootgrid("remove",rows);
    $("#data-table-assigned").bootgrid("reload");
    $("#data-table-unassigned").bootgrid("reload");
}

function onDeallocateBtn(row_id,row_fullname,row_university,row_state,row_city,row_membership,row_age,row_gender)
{
    var removed_rows = Array();
    removed_rows[0]= parseInt(row_id);
    console.log("removed_rows: " + removed_rows);
    $("#data-table-assigned").bootgrid("remove",removed_rows);
    $("#data-table-assigned").bootgrid("reload");
    $("#data-table-unassigned").bootgrid("reload");
}

提前致谢

Answer 1

检查您发送的 ID。

Bootgrid 对值类型执行验证。也许你的 id 是一个字符串而不是一个整数。

将新行附加到 table 然后尝试将其删除时出现问题

Issue when appending a new row to a table and then trying to remove it

jquery

jquery-bootgrid