上一篇: jquery datepicker与当前时间下一篇:使用typeahead标记管理器jquery插...

jquery – 更新由于分页/排序而隐藏的行

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 更新由于分页/排序而隐藏的行，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何对由于分页而当前不在视图中的行执行fnupdate操作？

我正在开发一个在不同div容器中使用两个DataTable实例的Web应用程序.当一个容器可见时,另一个容器通过jQuery.fadeOut()/ fadeIn()隐藏

在一个div中,我有一个@L_673_7@表,显示了另一个隐藏容器中可用的数据字段的选择.这些表之间的行通过_id#suffix映射到行ID.例如,@L_673_7@表中的行ID 4_performance_3映射到完整详细信息表中的行id timeline_task_3.

如果由于分页和/或排序而无法显示行ID timeline_task_3,如果我将更改应用于4_perfoRMANce_3,如何更新该行？

在代码段中,由于行ID通过分页不在视图范围内,因此元素为空

var tableArray = timelineTable.fnGetNodes();
var elemSplit;

for (var i = 0; i < tableArray.length; i++) {
    elemSplit = tableArraY[i].id.split("_");

    if (elemSplit[2] == currentTask.id){
        element = document.getElementById(tableArraY[i].id);

        timelineTable.fnupdate(currentTask.internal,element,falsE);
        timelineTable.fnupdate(currentTask.dueDate,1,falsE);
        timelineTable.fnupdate(currentTask.label,4,falsE);
        timelineTable.fnupdate(currentTask.complete,6,falsE);
        timelineTable.fnupdate(currentTask.comments.length,7,falsE);

        timelineTable.fnSort([[1,"asc"]]);

        console.log("updated timeline tasks");

    }

}@H_772_16@

解决方法

好吧,隐藏的表可能没有可选择的节点……但它肯定有它自己的数据！

最简单的方法是保存对两个表的引用：

var mySumMary = $('#exampleSum').dataTable();
var @R_104_6674@line = $('#exampleLine').dataTable();@H_772_16@ 
 现在,您始终可以使用@R_104_6674@line.fnGetData()获取每个表的数据.也许您需要添加一个额外的不可见数据列,以便您可以更轻松地在两个表之间引用.
fnupdate()函数也适用于fnGetData()的索引. 
 我不确定,但也许你必须在表再次可见之前或之后调用@R_104_6674@line.fnDraw()以触发显示新数据.