Question

我正在使用timeago jquery plugin格式化data table列中的时间戳。 fnDrawCallback DataTables选项允许我设置/更新格式化的时间戳，如：

<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>

更加人性化2 years ago。只要有表重绘，就会调用它，因此它适用于分页，服务器调用等。

myTable = $('#example').dataTable({
    "fnDrawCallback" : function () { $("abbr.timeago").timeago() },
     "aaData" : tableData,
     "aoColumns" : tableHeadings,
     "oSearch" : {"sSearch" : "", "bRegex" : true, "bSmart" : true, },
});

但是，fnDrawCallback不会更新搜索条件，因此查询years不会返回任何内容。有没有办法强制DataTables更新其搜索指标？

修改

为清楚起见，我初始化tableData和tableHeadings通过JSON传入的哈希数组。这似乎工作正常，因为这些数据显示在表中没有任何障碍。问题是Timeago修改了fnDrawCallback上的DOM，这是在填充了表的过滤/排序指标后发生的。

// tableHeadings === ['a', 'b', 'DateOne', 'DateTwo', ...]
for(i=0; i<tableHeadings.length; i++) {
    tableHeadings[i] = { "sTitle" : tableHeadings[i], };
    if(tableHeadings[i].sTitle.match(/Date/)) {
        tableHeadings[i].fnRender = function (c) { // closure over i
            return function (o) {
                var iso_time = o.aData[c].replace(/\s/, "T") + "Z";
                return '<abbr class="timeago" title="'+iso_time+'">'+'</abbr>';
            }
        }(i);
    }
}

因此，我可以搜索iso_time，但不能搜索2 years ago。

在fnDrawCallback之后更新DataTables过滤/排序指示

0 个答案: