4

我有一张混合了静态<td>和输入的表（包装在 td 中）<td><input></td>。

为了对数据进行排序和过滤，我使用了Jquery 数据表插件，唯一的问题是它不会对<input>标签进行排序，只是将它们留在排序列表的底部（或者如果您单击两次则位于顶部），尽管搜索功能仍然适用于所有单元格。

有没有办法让数据表识别输入标签内的值并能够对它们进行排序，我希望用混合数据来做到这一点，即一些静态td值（从服务器端的计算生成）和一些inputs?

我在这里解决了这个问题 - http://jsfiddle.net/qE2wV/5/

4

2 回答 2

5

尝试编写一个自定义排序函数，如果该行已输入其他文本，则该函数可以检索输入的值。见下文，

function getValue(x) {
    if (x.indexOf('input') >= 0) {
        return $(x).val();
    }         
    return x;
}

现在，使用这个函数来实现自定义比较器，如下所示，

jQuery.fn.dataTableExt.oSort['cust-txt-asc'] = function (a, b) {
    var x = getValue(a);
    var y = getValue(b);
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
};

jQuery.fn.dataTableExt.oSort['cust-txt-desc'] = function (a, b) {
    var x = getValue(a);
    var y = getValue(b);
    return ((x < y) ? 1 : ((x > y) ? -1 : 0));
};

使用上述搜索比较器初始化数据表，

$('#example').dataTable({"aoColumns": [
        { "sType": "cust-txt" },
        { "sType": "cust-txt" },
        { "sType": "cust-txt" },
        { "sType": "cust-txt" }
    ]});

演示：http: //jsfiddle.net/eLTUA/

于 2013-08-28T03:42:43.857 回答
1

此 DataTables 示例显示了一个可排序的 DataTable，其中字段是输入

包括初始化代码。

我没有在这里发布它，因为有版权声明，而且我知道一些数据表的东西不是免费的，比如编辑器。

于 2013-08-20T11:06:59.913 回答