[英]Count Childrens in a TYPOSCRIPT menu
我想知道TYPOSCRIPT中是否有一種方法可以計算菜單中的孩子人數。
輸出應該是這樣的:
<ul class="ebene1" data-elements="4">
<li><a href="element1">Element 1</a></li>
<li><a href="element1">Element 2</a></li>
<li><a href="element1">Element 2</a></li>
<li><a href="element1">Element 2</a></li>
</ul>
我的代碼如下所示:
script.NAV = HMENU
script.NAV {
special = directory
special.value = 6
1 = TMENU
1 {
expAll = 1
noBlur = 1
wrap = <ul class="menu main" id="nav-main">|</ul>
NO = 1
NO.wrapItemAndSub = <li class="first element1">|</li> |*| <li class="element1">|</li> |*| <li class="last element1">|</li>
CUR = 1
CUR.wrapItemAndSub = <li class="first element1 current">|</li> |*| <li class="element1 current">|</li> |*| <li class="last element1 current">|</li>
...
謝謝,真的很感謝您的幫助。
您需要stdWrap功能numrows
。 您可以在其中添加任何表以及select
語句。 這是一個例子:
lib.countmenu = COA
lib.countmenu {
10 = HMENU
10.1 = TMENU
10.1 {
wrap = <ul>|</ul>
NO {
stdWrap.cObject = COA
stdWrap.cObject {
30 = TEXT
30.numRows.table = pages
30.numRows.select.pidInList.field = uid
30.numRows.select.where = nav_hide!=1 AND doktype!=5 AND doktype!=6
30.dataWrap = {field:title} [|]
}
wrapItemAndSub = <li>|</li>
}
}
}
實際上,盡管可以按照@Marcus的說明進行操作(我相信代碼段有效,但未檢查),但對於我們來說,這可能是JavaScript更快的方法。 一樣容易:
<ul class="ebene1">
<li><a href="element-1">Element 1</a></li>
<li><a href="element-2">Element 2</a></li>
<li><a href="element-3">Element 3</a></li>
<li><a href="element-x">Element X</a></li>
</ul>
<script>$('.ebene1').attr('data-elements', $('.menu > li').length);</script>
和CSS一樣:
.ebene1[data-elements="4"] {
background-color: yellow;
}
另一方面...
如果您的動態菜單中的項目數量未知 ,請添加許多CSS聲明,例如,
.ebene1[data-elements="3"] li {width: 33.333%;}
.ebene1[data-elements="4"] li {width: 25%;}
.ebene1[data-elements="5"] li {width: 20%;}
避免通過JS添加data-
屬性,而只是通過計算正確的值來更改width
:
$('.ebene1 > li').css({width: 100 / $('.ebene1 > li').length + '%'});
使用寄存器{register:count_MENUOBJ}這樣可以解決您的問題。
1 = TMENU
1 {
NO = 1
NO {
wrapItemAndSub.insertData = 1
wrapItemAndSub = <li class="element-{register:count_MENUOBJ}">|</li>
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.