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();
});

但是不好使,是因为分页的原因么
...全文
80 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
slwsss 2014-10-20
  • 打赏
  • 举报
回复
应该是提取出要显示的数据再分页,不显示的数据不要放到数据集合里 把要隐藏的数据remove()

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧