JQuery,DataTables ...多次删除后重新绘制/更新单元格或tr

时间:2018-08-08 07:08:11

标签: javascript php jquery datatables

我有一个Datatables,可以选择使用复选框进行多次删除(效果很好),并且该表可以动态地重新绘制(我不想重新加载页面,我需要不刷新就可以这样做),删除行已删除。 enter image description here

在数据库中,我有一列名为Order(图像的位置)的列,其中包含数据库中行的顺序,并且在删除寄存器时会更新。

在视觉上,我需要做的是,当我删除数据表中的1行或更多行时,使单元格更新或重新绘制,因此该订单(图像中的Posición)动态地重新绘制(正确更新)。数据库)。

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

我需要5个和7个值以及更新后的实际值:4和5。

我在删除按钮事件中包含此代码,它仅更新下一个单元格:

from selenium import webdriver
from selenium.webdriver.firefox.options import Options
options = Options()
options.add_argument('-headless')
driver = webdriver.Firefox(firefox_options=options)
driver.get("https://www.google.com/")
driver.close()

尝试“ ajax”的数据表:“ data.json”:

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

这给了我这个错误: -找不到错误404 data.json -DataTables警告:表格ID = tabla_diccionarios-无效的JSON响应

有任何提示吗?谢谢!

1 个答案:

答案 0 :(得分:0)

var table = $('#example').DataTable( {
    ajax: "data.json"
} );

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