2014-11-05 80 views
0

我正在使用过滤器工作,我可以将它变成小提琴中的某种功能,但是当我将它弹回DW并测试它失去功能的页面时。我已经尝试了页面上的脚本并插入到页面中,我无法转向下一步,因此任何帮助都将不胜感激。我意识到这并不完整,所有复选框都没有正确设置,但我真的很想知道(在这一点上)是为什么我在Dreamweaver中失去了功能 - 当我通过Dreamweaver在浏览器中测试时进行了更正,我也上传到了测试服务器仍然没有功能。使用Javascript排序表

fiddle

$("input[name='filterStatus'], select.filter").change(function() { 
    var classes = []; 
    var stateClass = "" 

    $("input[name='filterStatus']").each(function() { 
     if ($(this).is(":checked")) { 
      classes.push('.'+$(this).val()); 
     } 
    }); 

    $("select.filter").each(function() { 
     if ($(this).val() != 'ZZ') { 
      stateClass += "." + $(this).val(); 
     } 
    }); 

    if (classes == "" && stateClass == "") { 
     // if no filters selected, show all items 
     $("#StatusTable tbody tr").show(); 
    } else { 
     // otherwise, hide everything... 
     $("#StatusTable tbody tr").hide(); 

     // then show only the matching items 
     rows = $("#StatusTable tr" + stateClass).filter(classes.length ? classes.join(',') : '*'); 
     if (rows.size() > 0) { 
      rows.show(); 
     } 
    } 
+0

引用Homer Simposon:“别人能做到吗?” http://tablesorter.com/docs/。 – 2014-11-05 04:59:56

+0

也不要在Dreamweaver中测试,它不是浏览器,而是在浏览器中测试。自从使用Dreamweaver以来,这已经过去了几年,它甚至可以在其预览版中运行javascript吗? – 2014-11-05 05:08:38

+0

我强烈建议不要通过将其与空字符串('classes ==“”'“)进行比较来检查您的类数组是否为空。我认为'classes.length === 0'是你正在寻找的东西。 – 76484 2014-11-05 05:23:59

回答

0

我肯定会的JTable解决您的问题。

您需要传递给定示例格式的数据,并允许过滤,搜索和分页数据。

http://jtable.org/GettingStarted

+0

我看着JTable唯一的问题是我需要使用复选框来过滤和关闭一个HTML表格。由于客户端限制,我无法使用数据库。我有一个按复选框排序的表,但需要根据匹配复选框条件筛选结果。 – 2014-11-11 02:50:36

+0

对于基于复选框的过滤器,我相信您需要编写自定义代码 – 2014-11-11 04:53:40