1

我正在使用timeago jquery 插件来格式化我的数据表列中的时间戳。fnDrawCallbackDataTables 选项允许我设置/更新格式化的时间戳，例如：

<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 修改了 DOM，fnDrawCallback这是在填充表的过滤器/排序索引之后发生的。

// 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。

4

0 回答 0