如何選擇多個按鈕並動態顯示這些過濾結果？

我有9個不同的類別，我想選擇它們（通過單擊或取消點擊按鈕），並顯示結果，因爲我選擇了我想要查看過濾的內容。我已經設置了3個不同的行，只有3個類別被選中。如何選擇多個按鈕並動態顯示這些過濾結果？

我如何在EE中做到這一點！？使用AJAX？ JQuery的？我怎麼開始？

我看着同位素，但我不確定EE是否有辦法做到這一點，與類別選擇聯繫在一起，並顯示結果沒有提交按鈕。

我附上了一張我想要完成的圖片。（淺灰色框代表所選按鈕）請幫幫我！

The boxes on the left are my buttons and the space on the right is where the content will be displayed

來源

2012-06-14 Francheska

你會在你的顯示結果區域開始的完整列表，然後有過濾器點擊刪除結果？或者它會開始空白，並讓過濾器點擊加載新結果？ –

是的，我必須從所有結果的完整列表開始，而不要過濾它們。（這是一個540列表的數據庫）。是的，他們將全部展示在開頭。 – Francheska

你能指出我如何做到這一點的正確方向嗎？ Low2seg似乎獲得了URL ID，但如果沒有什麼，該怎麼辦？ – Francheska

@Francheska所以..我想介紹你jsfiddle如果設置了演示，代碼什麼的，開始我將是偉大的！無論如何嘗試檢查this鏈接。你有很多自定義的例子。

祝你好運！

來源

2012-06-14 18:24:35 fecapeluda

是的，我知道jsfiddle，問題是我不知道從哪裏開始的邏輯。 – Francheska

是的，你提供的jfiddle鏈接是我想要完成的。我希望能夠選擇和縮小範圍，按年份，按專業和字母的順序過濾。在頂部可以使用這3個過濾器選擇不同的按鈕。（在我提供的圖片中，淺灰色表示選定的按鈕）這將縮小結果範圍，我發現使用同位素時，超過50個列表並不好。我很茫然！ – Francheska

@Francheska使用listbox幫助的例子？我建立了一個你想要的，但我需要你想要過濾的細節：/ – fecapeluda

這是一個基於jQuery的解決方案，但請記住，這隻適用於JavaScript。正如你在你的評論中提到的那樣，查看LowSeg2Cat來獲取JS禁用的用戶的方法。

的EE代碼會是這個樣子：

{!-- List all of your categories --} 

{exp:channel:categories channel="stuff" style="linear"} 
{if count == "1"}<ul id="categories">{/if} 
    <li><a href="#" data-category="{category_url_title}">{category_name}</a></li> 
{if count == total_results}</ul>{/if} 
{/exp:channel:categories} 


{!-- List all of your entries --} 

{exp:channel:entries channel="stuff" limit="1000"} 
{if count == "1"}<ul id="entries">{/if} 
    <li data-categories="{categories backspace="1"}{category_url_title} {/categories}">{title}</li> 
{if count == total_results}</ul>{/if} 
{/exp:channel:entries}

這裏的，使得它走的javascript：

http://jsfiddle.net/5WezD/4/

來源

2012-06-25 12:54:22

如何選擇多個按鈕並動態顯示這些過濾結果？

回答

相關問題