如何渲染所有子菜單？

Question

我有一個mainmenu有5個項目，其中3個有一個或多個子菜單頁面。

我能夠將子菜單渲染到第一級菜單的li-tags中。

如果有幫助，我使用EXT：喂：

<fed:page.menu pageUid="2" levels="2" expandAll="1" substElementUid="1" /> 

這使得下面的標記：

<ul> 
    <li id="elem_10"> 
     <a href="10">10</a> 
    </li> 
    <li class="active sub" id="elem_21"> 
     <a class="active sub" href="21">21</a> 
     <ul class="lvl-1"> 
      <li class="current" id="elem_11"> 
       <a class="current" href="11">11</a> 
      </li> 
      <li id="elem_12"> 
       <a href="12">12</a> 
      </li> 
      <li id="elem_13"> 
       <a href="13">13</a> 
      </li> 
      <li id="elem_14"> 
       <a href="14">14</a> 
      </li> 
     </ul> 
    </li> 
    <li id="elem_15"> 
     <a href="15">15</a> 
    </li> 
    <li class="sub" id="elem_22"> 
     <a class="sub" href="22">22</a> 
     <ul class="lvl-1"> 
      <li id="elem_16"> 
       <a href="16">16</a> 
      </li> 
      <li id="elem_17"> 
       <a href="17">17</a> 
      </li> 
      <li id="elem_18"> 
       <a href="18">18</a> 
      </li> 
     </ul> 
    </li> 
    <li class="sub" id="elem_19"> 
     <a class="sub" href="19">19</a> 
     <ul class="lvl-1"> 
      <li id="elem_20"> 
       <a href="20">20</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

但我不能這個樣式的希望，尤其是不因爲它必須有響應。

我想是這樣的：

<div class="submenu"> 
    <ul id="parent-21"> 
     <li id=current" id="elem_11"> 
      <a id=current" href="11">11</a> 
     </li> 
     <li id="elem_12"> 
      <a href="12">12</a> 
     </li> 
     <li id="elem_13"> 
      <a href="13">13</a> 
     </li> 
     <li id="elem_14"> 
      <a href="14">14</a> 
     </li> 
    </ul> 
    <ul id="parent-22"> 
     <li id="elem_16"> 
      <a href="16">16</a> 
     </li> 
     <li id="elem_17"> 
      <a href="17">17</a> 
     </li> 
     <li id="elem_18"> 
      <a href="18">18</a> 
     </li> 
    </ul> 
    <ul id="parent-19"> 
     <li id="elem_20"> 
      <a href="20">20</a> 
     </li> 
    </ul> 
</div> 

我還需要家長（菜單）和兒童（菜單）之間的連接......但這不是最重要的任務，我可以用jQuery計數。

Answer 1

完成後，它看起來很容易。神奇的是在第一級做「doNotShowLink = 1」，但是在有子菜單時打開一個包含所需elementUid的包裝元素 - 並在第二級關閉它。

10 = HMENU 
10 { 
    special = directory 
    special.value = 2 

    1 = TMENU 
    1 { 
     expAll = 1 
     NO { 
      doNotShowLink = 1 
     } 

     CUR < NO 
     ACT < NO 
     ACTIFSUB < NO 
     CURIFSUB < NO 

     IFSUB = 1 
     IFSUB { 
      doNotShowLink = 1 
      subst_elementUid = 1 
      allWrap = <div class="menu" id="parent-{elementUid}"><ul>| 
     } 
    } 

    2 = TMENU 
    2 { 
     noBlur = 1 

     NO = 1 
     NO { 
      wrapItemAndSub = <li>|</li> 
      ATagTitle.field = subtitle // title 
     } 

     CUR < .NO 
     CUR.wrapItemAndSub = <li class="active">|</li> 

     ACT < .CUR 

     ACTIFSUB < .NO 
     ACTIFSUB.wrapItemAndSub = <li class="open">|</li> 

     CURIFSUB < .ACTIFSUB 

     SPC < .NO 

     wrap = |</ul></div> 
    } 
    3 > 
    wrap = <div id="submenu">|</div> 
}