![](/img/trans.png)
[英]How can I add a dynamic list of CSS classes to a div using 2sxc and a c# razor template?
[英]How do I only get unique values to appear in a 2sxc list with a C# razor template?
使用 2sxc App,我有一份職業卡列表。 在每張卡片上,我都為一個 CSS 類分配了一個類別,以便我可以使用側欄中的按鈕來過濾列表。 (使用名為 mixitup 的 javascript)。
因此,CSS 類“social-studies”可能出現 10 次,Math 可能出現 1 次,Science 可能出現 7 次——具體取決於該類別分配給職業的次數。
對於側邊欄的過濾器按鈕,我只想顯示使用的過濾器。 所以如果我的類別是:
但如果只使用社會研究、數學和科學,我只想展示這 3 個。
使用 2sxc 中的典型循環,我可以遍歷每個實例,但這會創建一個包含重復過濾器按鈕的大列表。 如何在 c# razor 中創建一個僅提供過濾器唯一實例的循環?
這比我想象的要容易。 我發現了“.Distinct()”
@foreach(var career in AsList(Data)) {
foreach(var schoolCategory in AsList(career.Categories as object).Distinct()){
<button type="button" data-filter="@Html.Raw(".filter-" + schoolCategory.SchoolCategory.ToLower().Replace(" ","-"))" class="badge badge-secondary">@Html.Raw(schoolCategory.SchoolCategory)</button>
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.