数据表创建过滤器复选框 [英] datatables create filter checkbox

查看:125
本文介绍了数据表创建过滤器复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有人有关于如何创建Datatablest过滤器复选框的示例?我想只显示一个值高于X或低于Y的值,由一个复选框控制。

解决方案

你必须编写自己的自定义过滤功能,然后代码将变化简单

  $(document).ready(function() 
$ .fn.dataTableExt.afnFiltering.push(function(oSettings,aData,iDataIndex){
var checked = $('#checkbox')。is(':checked');

if(checked&& aData [4]> 1.5){
return true;
}
if(!checked&& aData [4] = 1.5){
return true;
}
return false;
});
var oTable = $('#example')dataTable();
$('#checkbox')。on(click,function(e){
oTable.fnDraw();
});

});

小提琴 htt p://jsfiddle.net/nicolapeluchetti/WVYNX/2/


Does anyone have examples on how to create a Datatablest filter checkbox? I want to display only rows that have a value above X or below Y being controlled by a checkbox.

解决方案

You would have to write your own custom filtering function but after that the code would be vary simple

$(document).ready(function() {
    $.fn.dataTableExt.afnFiltering.push(function(oSettings, aData, iDataIndex) {
        var checked = $('#checkbox').is(':checked');

        if (checked && aData[4] > 1.5) {
            return true;
        }
        if (!checked && aData[4] <= 1.5) {
            return true;
        }
        return false;
    });
    var oTable = $('#example').dataTable();
    $('#checkbox').on("click", function(e) {
        oTable.fnDraw();
    });

});​

fiddle http://jsfiddle.net/nicolapeluchetti/WVYNX/2/

这篇关于数据表创建过滤器复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆