javascript - 通过 keyup 事件搜索单个 Datatable 列有效，但 draw() 函数无效

Question

我使用 datatable.bundle.js 使用了 jQuery Datatable。一切正常，但是当我keyup在单个列搜索输入上使用事件时，该事件会触发但column.search(this.value).draw();不起作用。

this.api().columns().every(function(index) {
  let column = this;
  $('#user-data input').on('keyup change', function() {
    //alert("changed");
    console.log("key is pressed");
    //column.search(this.value).draw()
    //console.log("inside");
    if (column.search() !== this.value) {
      column.search(this.value).table.draw();
    }

  });
}

我试过这个

this.api().columns().every(function(index) {
  let column = this;
  $('#user-data input').on('keyup change', function() {
    //alert("changed");
    console.log("key is pressed");
    //column.search(this.value).draw()
    //console.log("inside");
    if (column.search() !== this.value) {
      column.search(this.value).table.draw();
    }
  });
}

该事件正在运行，但绘图功能不起作用

标签： javascriptjqueryangular

Answer 1

根据文档，您需要table从方法调用中删除。

column.search(this.value).draw();

代替

column.search(this.value).table.draw();