jquery 一览数据过滤
chute 2014-10-20 08:57:12 需要做个对根据dropdownlist对一览数据的显示进行过滤的功能,先做我用的dropdownlist是封装好的
$("#select").multipleSelect()方法,
比如dropdownlist显示如下
checkbox1 No1
checkbox2 No2
checkbox3 No3
一览数据如下
No COMMENT
No1 A
No2 B
No3 C
勾选checkbox1时只显示No1 行数据,这样的功能,
现在一览数据还有分页功能,代码如下
function doPaging() {
showRowsCnt = $('#selShowRowCnt').val();
maxpage = Math.ceil($('tr.meisai').size() / showRowsCnt) ;
if (maxpage > 0)
{
$('#page').html((page + 1)+"/"+(maxpage));
$('ul.pageNav03 li span').css('cursor', 'pointer');
$('ul.pageNav03 li span').css('text-decoration', 'underline');
}
else{
$('#page').html("0/0");
$('ul.pageNav03 li span').css('cursor', 'auto');
$('ul.pageNav03 li span').css('text-decoration', 'none');
}
if (page <= 0)
{
$('#firstPage').css('cursor', 'auto');
$('#prev').css('cursor', 'auto');
$('#firstPage').css('text-decoration', 'none');
$('#prev').css('text-decoration', 'none');
}
else if (page + 1 >= maxpage)
{
$('#next').css('cursor', 'auto');
$('#lastPage').css('cursor', 'auto');
$('#next').css('text-decoration', 'none');
$('#lastPage').css('text-decoration', 'none');
}
$('tr.meisai').hide();
$('tr.meisai').slice(page * showRowsCnt, (page+1) * showRowsCnt).show();
}
现在我做的思路类似这样
先把所有行显示出来,因为在分页时候,有不显示的数据, checkbox点击时,
把不符合的行隐藏掉,然后对显示的数据行进行分页
$("#1").click(function() {
$('tr.meisai').show();
$("#MeisaiTable tr").each( function() {
if (parseInt($(this).find("td").eq(0).html()) == No1) $(this).hide();
});
doPaging();
});
但是不好使,是因为分页的原因么