【问题标题】:Datatables JQuery - Filter rows based on value in JSONDatatables JQuery - 根据 JSON 中的值过滤行
【发布时间】:2017-09-08 17:20:03
【问题描述】:

我知道这个问题已经被问过好几次了,但我已经尝试了每个解决方案,但它对我不起作用。

我有下一个脚本:

 var table = $('.dataTable').DataTable( {
    "dom": 'tip',
    "lengthMenu": [20],
    "ajax": 'myUrl',
    "sAjaxDataProp":"",
    "columns" : [
        {"data" : "data.employee_num"},
        {"data" : "data.name"},
        {"data" : "data.user"},
        {"data" :
            function(row){
                return row.data.food!== "1" ? "Yes" : "No";
            }
        }
    ]
});

JSON 结构是这样的:

[
    {
        "data": {
            "employee_num": "X",
            "name": "XXXX",
            "user": "XXXX",
            "status ": "X",
        }
    },
    {
        "data": {
            "employee_num": "Y",
            "name": "YYYY",
            "user": "YYYY",
            "status ": "Y",
        }
    }
]

它工作正常,但我需要根据某个值过滤一些行。例如,在 JSON 中,我有 data.status,它可以是 1 或 2。我需要的是,如果原始状态为 2,则必须删除所有行。我尝试使用filter()rows.remove();,但它们都没有工作(或者至少我不知道我是否做得正确)

我怎样才能做到这一点?

【问题讨论】:

  • 请在解析 JSON 数据的位置添加代码。此代码仅显示设置。
  • 我不能这样做,因为我在医院工作,数据和结构都无法显示。我不得不稍微改变一下,这样我才能发布问题:/
  • 数据是可以理解的,但你可以模拟一些东西。无法发布数据结构有点傻。人们不需要具体的帮助。如果需要,只需使用 sudo 代码更好地解释流程即可。
  • 好的,我已经更新了问题
  • 我仍然没有看到我所期待的。但是在某个地方,您将解析数据并保留DataTables() 的实例,看起来像table,将删除该行。这就是你所说的删除。

标签: jquery json datatables


【解决方案1】:

好的,这就是根据值删除行的方法(正确的方法):

var table = $('.dataTable').DataTable( {
    "dom": 'tip',
    "lengthMenu": [20],
    "ajax": 'myUrl',
    "sAjaxDataProp":"",
    "columns" : [
        {"data" : "data.employee_num"},
        {"data" : "data.name"},
        {"data" : "data.user"},
        {"data" :
            function(row){
                return row.data.food!== "1" ? "Yes" : "No";
            }
        }
    ],
    // Answer 
    "createdRow": function( row, data ) {
        if (data["data"]["status"] === "2" ) {
            table.row(row).remove().draw();
        }
    }
});

【讨论】:

    猜你喜欢
    • 2016-10-07
    • 2018-06-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多