[英]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.