折叠时链接数据表字段答案

【问题标题】：Link datatable field when collapsed折叠时链接数据表字段
【发布时间】：2018-01-04 05:57:18
【问题描述】：

更新

这是桌面模式的代码。

var boxes = $('.xbSelectRow:checked'); // Looking for checked checkbox

boxes.each(function(){
    var row = $(this).parents('tr');
    var balance_amount = row.find(".outstd_amount");
    balance_amount.text(0);
});

我刚刚意识到，在桌面模式下更新数据表中的字段时会与移动模式不同，它只是无法智能地链接它。

在桌面模式下，所有列都可以看到，所以我只使用.find('.outstd_amount')，但在移动模式下，这段代码肯定行不通。在这里，您可以看到数据表在移动模式下扩展了一个新行。

当outstd_amount 处于移动模式时，我如何实际更新它？

【问题讨论】：

如果你用你的桌面代码开始我们会有所帮助。
不确定这是什么 UI，但 Actions 编辑按钮（铅笔和纸图标）有什么作用？
用示例代码更新问题
@fjoe 它将打开一个具有更多功能的模式，例如删除、查看历史记录等
您可以像 var data = table.row( row ).data(); 那样获取行数据。它适用于台式机和移动设备。它将根据td 的索引返回一个包含数据的数组。 https://jsfiddle.net/mmushtaq/yqjnbyxy/

标签： javascript jquery html datatables

【解决方案1】：

我真的不确定...因为我没有看到您的标记并且我的答案基于打印屏幕。

但无论如何，它应该让你走上正轨。诀窍是检查 balance_amount 的 td 是否可见。如果隐藏，则查找值应位于的span。

var boxes = $('.xbSelectRow:checked'); // Looking for checked checkbox

boxes.each(function(){
    var row = $(this).parents('tr');
    var balance_amount = row.find(".outstd_amount");

    // If the "desktop" td for balance_amount is hidden get the mobile span
    if(!balance_amount.is(":visible"){
      balance_amount = row.next("tr.child").find("span.dtr-data");
    }

    balance_amount.text(0);
});

【讨论】：