2013-09-22 73 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

相關問題