【问题标题】:Issue when appending a new row to a table and then trying to remove it将新行附加到表然后尝试将其删除时出现问题
【发布时间】:2015-10-20 00:51:15
【问题描述】:

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

在第二个表(显示分配的用户)中,我想实现一个取消分配用户的按钮,我实现了相同的逻辑来从已分配用户的表中删除行并将其附加到未分配的用户表中。问题是该行没有从表中删除。

我检查了我的代码,试图删除预加载的行,它工作正常,问题只是试图删除刚刚附加到该表的行,以下是我用于附加和删除行的函数:

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");
}

提前致谢

【问题讨论】:

  • 你必须将点击事件绑定到新创建的dom元素
  • 您能否更明确地说明如何将点击事件绑定到 bootgrid 中新生成的行?谢谢

标签: jquery jquery-bootgrid


【解决方案1】:

检查您发送的 ID。

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

【讨论】:

    猜你喜欢
    • 2020-05-29
    • 1970-01-01
    • 2011-09-05
    • 2011-08-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多