Function 将范围筛选器数据表功能添加到按钮单击

Function 将范围筛选器数据表功能添加到按钮单击,function,button,filter,datatable,Function,Button,Filter,Datatable,嗯,我知道如何使用表单和html代码来构建此表单 但我需要的是通过带有预定义的max-min变量的按钮启动这个函数 有什么想法/建议吗?美元.fn.dataTableExt.afnFiltering变量是一组过滤函数。当您调用方法fnDraw()或初始值设定项dataTable()时,它们会执行 如果要在单击按钮时执行,则必须执行以下操作: 为调用fnDraw()方法的按钮的“单击”操作创建侦听器 创建您自己的过滤函数,如示例所示(使用预定义的值),并将其放入$.fn.dataTableExt

嗯,我知道如何使用表单和html代码来构建此表单

但我需要的是通过带有预定义的max-min变量的按钮启动这个函数


有什么想法/建议吗?

美元.fn.dataTableExt.afnFiltering变量是一组过滤函数。当您调用方法fnDraw()或初始值设定项dataTable()时,它们会执行

如果要在单击按钮时执行,则必须执行以下操作:

  • 为调用fnDraw()方法的按钮的“单击”操作创建侦听器
  • 创建您自己的过滤函数,如示例所示(使用预定义的值),并将其放入$.fn.dataTableExt.afnfilter数组中
例如:

$(document).ready(function(){
  /* Initialise datatables */
  var oTable = $('#example').dataTable();

  $("#mybutton").click(function() {
    //Creating of our own filtering function
    $.fn.dataTableExt.afnFiltering.push(
        function(oSettings, aData, iDataIndex) {
           //Only shows columns with a Engine between 2 and 5
           var engineColumn = parseInt(aData[3]);
           if (engineColumn >= 2 && engineColumn <= 5)
               return true;
           return false;
        }

    );
    //Update table
     oTable.fnDraw();
     //Deleting the filtering function if we need the original table later.
    $.fn.dataTableExt.afnFiltering.pop();
  });

});
$(文档).ready(函数(){
/*初始化数据表*/
var-oTable=$('#示例').dataTable();
$(“#我的按钮”)。单击(函数(){
//创建我们自己的过滤功能
$.fn.dataTableExt.afnFiltering.push(
功能(oSettings、aData、iDataIndex){
//仅显示引擎介于2和5之间的列
var engineColumn=parseInt(aData[3]);

如果(engineColumn>=2&&engineColumn则$.fn.dataTableExt.afnFiltering变量是一个筛选函数数组。它们在调用方法fnDraw()或初始值设定项dataTable()时执行

如果要在单击按钮时执行,则必须执行以下操作:

  • 为调用fnDraw()方法的按钮的“单击”操作创建侦听器
  • 创建您自己的过滤函数,如示例所示(使用预定义的值),并将其放入$.fn.dataTableExt.afnfilter数组中
例如:

$(document).ready(function(){
  /* Initialise datatables */
  var oTable = $('#example').dataTable();

  $("#mybutton").click(function() {
    //Creating of our own filtering function
    $.fn.dataTableExt.afnFiltering.push(
        function(oSettings, aData, iDataIndex) {
           //Only shows columns with a Engine between 2 and 5
           var engineColumn = parseInt(aData[3]);
           if (engineColumn >= 2 && engineColumn <= 5)
               return true;
           return false;
        }

    );
    //Update table
     oTable.fnDraw();
     //Deleting the filtering function if we need the original table later.
    $.fn.dataTableExt.afnFiltering.pop();
  });

});
$(文档).ready(函数(){
/*初始化数据表*/
var-oTable=$('#示例').dataTable();
$(“#我的按钮”)。单击(函数(){
//创建我们自己的过滤功能
$.fn.dataTableExt.afnFiltering.push(
功能(oSettings、aData、iDataIndex){
//仅显示引擎介于2和5之间的列
var engineColumn=parseInt(aData[3]);

如果(engineColumn>=2&&engineColumn看起来DataTable的API已经被修改,那么当我更改时,您的示例运行就可以了

$.fn.dataTableExt.afnFiltering.push(...


与pop()类似;

看起来DataTable的API已经被修改了,当我更改时,您的示例运行正常

$.fn.dataTableExt.afnFiltering.push(...


与pop()类似;

首先,谢谢,但我正在尝试实现它,结果什么都没有发生我的按钮id是“turnoA”,所以我这样做了:
code
$.fn.dataTableExt.afnFiltering.push(函数(oSettings,aData,iDataIndex){//检查第3列中的数据,如果在1到9之间,则显示它,否则不显示。var comparecocolumn=aData[2];如果(comparecocolumn>0&&comparecocolumn<10)返回true;返回false;};$(document)。准备(function(){var oTable=$('#example')。dataTable();$(“#turnoA”)。单击(function(){oTable.fnDraw()第一个问题是:您有任何id为“example”的表在你的html代码中?第二:你已经导入了jquery和datatable脚本?你必须具备以下条件:Dropbox不要直接执行代码,你应该下载并在你的计算机上运行它,或者只是复制我在原始答案中输入的txt文件。aaaaaaaaaaaarg!!n00b fail:)抱歉!我把整个代码都放在按钮标签中了:/really Thank!!!!工作很好!首先,谢谢,但我正在尝试实现它,结果什么都没有发生。我的按钮id是“turnoA”,所以我这样做了:
code
$.fn.dataTableExt.afnFiltering.push(函数(oSettings,aData,idantidex){//检查第3列中的数据,如果在1到9之间,则显示它,否则不显示。var comparecocolumn=aData[2];如果(comparecocolumn>0&&comparecocolumn<10)返回true;返回false;};$(document)。准备(function(){var oTable=$('#example')。dataTable();$(“#turnoA”)。单击(function(){oTable.fnDraw()第一个问题是:您有任何id为“example”的表在你的html代码中?第二:你已经导入了jquery和datatable脚本?你必须具备以下条件:Dropbox不要直接执行代码,你应该下载并在你的计算机上运行它,或者只是复制我在原始答案中输入的txt文件。aaaaaaaaaaaarg!!n00b fail:)抱歉!我把整个代码都放在按钮标签里了:/真的谢谢!!!!工作很好!