jquery - 未提交在搜索中不可见的数据表记录

Question

我正在使用DataTable以我的一种工作正常的形式。

$('#example_filter').dataTable
  pageLength: 25

数据表中的行通过表单提交。

问题如果我在 DataTable 中有 4 条记录，并且我在 DataTable 搜索字段中写入一些内容，则会生成 2 条记录，并使其余 2 条(不匹配的)记录隐藏。隐藏的记录没有随我的表单一起提交。

我正在尝试的是:在提交表格之前清除 DataTable 搜索字段并使所有行可见。

$('#example_filter :input').val("")

此行将清除 DataTable 搜索字段，但不会使所有行可见。

Answer 1

在提交表单之前放置​​此脚本。即在提交按钮的Click事件上。

JavaScript

$(document).on('click', '#submit-button-id', function(e) {
  var table;
  table = $('#example_filter').DataTable();
  return table.search('').columns().search('').draw();
});

CoffeeScript

$(document).on 'click', '#submit-button-id', (e) ->
  table = $('#example_filter').DataTable()
  table.search('').columns().search('').draw()