2014-11-05 79 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