2013-09-22 49 views
1

是否有任何方法从选择下拉菜单中选择多个选项并显示结果。就像在我的小提琴中,我有第一个名字,想要选择并展示Aaron和Clark的时间。单独可能。但是如果需要选择两个选项呢?那该怎么实现?tablesorter从选择下拉菜单和自定义时间过滤器中选择多个选项?

而且,怎么办申请自定义时间过滤器像

上午

下午(18至21)

晚报(12至18之间)

(6至12之间)

这是我尝试的,但它不起作用。事实上,这些选项甚至没有显示在选择框中。

http://jsfiddle.net/QJnEa/

filter_functions : { 

    1 : { 
     "Morning"  : function(e, n, f, i) { return n < 12; }, 
     "Afternoon" : function(e, n, f, i) { return n >= 12 && n <=18; }, 
     "Evening"  : function(e, n, f, i) { return n > 18; } 
    } 

仅显示时间。不知道如何编码多个选择。

回答

0

在该演示中,时间列中有一个类名“filter-select”,覆盖了filter_functions。所有你需要做的是去除类

<th data-placeholder="Select a time block">Time</th> 

然后更新filter_functions使用完全相同(e)值,而不是标准值(n),这实际上是自1一个非常大的数字(时间以秒/ 1/2000;如time parser所定义)。

filter_functions: { 

    1: { 
     "Morning": function (e, n, f, i) { 
      return parseInt(e, 10) < 12; 
     }, 
     "Afternoon": function (e, n, f, i) { 
      var num = parseInt(e, 10); 
      return num >= 12 && num <= 18; 
     }, 
     "Evening": function (e, n, f, i) { 
      return parseInt(e, 10) > 18; 
     } 
    } 
} 

至于你的问题的第二部分,过滤器小工具目前不支持多选元素。它可能在将来;但与此同时,您可能需要检查this demo(仍处于测试阶段),该表使用外部的select2 plugin

+0

嘿非常感谢。我认为多选方案的选择会增加可用性,以适应更多场景。感谢您对此功能的考虑。 – curiousCoder

相关问题