【问题标题】:JQuery, DataTables... Re-draw/update cells or tr's after multideleteJQuery,DataTables ...在多次删除后重新绘制/更新单元格或tr
【发布时间】:2018-08-08 07:08:11
【问题描述】:

我有一个 Datatables 可以选择使用复选框进行多重删除(它工作得很好)并且表格动态重新绘制(我不想重新加载页面,我需要在不刷新的情况下这样做),删除我的行删除。

在数据库中,我有一个名为 Order (image's Posición) 的列,其中包含数据库中行的顺序,当我删除寄存器时它会更新。

我需要做的是,从视觉上看,当我删除数据表中的 1 行或更多行时,更新或重新绘制单元格,因此顺序(图像中的 Posición)会动态重新绘制(它在数据库)。

但是现在发生的事情是我不知道该怎么做,并且这些单元格保持“旧”的 Order/Posición 值(我重复一遍,它在数据库中工作得很好):

我需要 5 和 7 值与更新后的实际值一起出现:4 和 5。

我在删除按钮事件中有这段代码,它只更新下一个单元格:

var celda_posicion = $(this).closest('tr').next().children(':eq(1)');
var dato_posicion = $(this).closest('tr').next().children(':eq(1)').text();

dato_posicion = parseInt(dato_posicion) - 1;

table.cell(celda_posicion).data(dato_posicion); 

DATATABLES 尝试“ajax”:“data.json”:

var table = $('#tabla_diccionarios').DataTable( {
   "ajax": "data.json",
   "pagingType": "simple_numbers",
   "language": "json",
   "lengthMenu": [[-1, 10, 25, 50], ["Todos", 10, 25, 50]],
   "language": {
       "lengthMenu": "Mostrar registros _MENU_ ",
       "zeroRecords": "No se encontraron resultados.",
       "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros.",
       "infoEmpty": "No hay registros disponibles",
       "infoFiltered": "(filtrado de un total de _MAX_ registros)",
       "paginate": {
           "previous": "Anterior",
           "next": "Siguiente",
       },
       "search": "Buscar: ",
   }
});

这给了我这个错误: - 错误 404 data.json 未找到 - 数据表警告:表 id=tabla_diccionarios - 无效的 JSON 响应

有什么提示吗?谢谢!

【问题讨论】:

    标签: javascript php jquery datatables


    【解决方案1】:
    var table = $('#example').DataTable( {
        ajax: "data.json"
    } );
    

    删除事件后,您可以使用 table.ajax.reload();

    【讨论】:

    • 它给了我这个错误:DataTables 警告:table id=tabla_dicccionarios - Invalid JSON response /// 将使用 DataTables 编辑我的问题,以便您看到它。
    • "ajax": "data.json"ajax: "data.json"有什么区别...?
    • 你需要调整 data.json (可能你使用 api url 什么的)。一旦你删除调用 table.ajax.reload
    • @SanK “tweak data.json”是什么意思?我是新手,有些东西不懂
    猜你喜欢
    • 1970-01-01
    • 2012-11-18
    • 1970-01-01
    • 2018-12-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-04
    相关资源
    最近更新 更多