Zum Inhalt springen

Mapping verschachtelte Liste

Erstellt am 21. Dezember 2009 · 2 Antworten · letzte Antwort am 21. Dezember 2009

Tags: Frage

themaverick01 ·

Hallo zusammen,

ich betreibe gerade meinen ersten Gehversuche mit Typo3. Allerdings scheitere ich schon beim Mapping einer einfachen, verschachtelten Liste. Mein HTML sieht so aus:

<ul>
<li>Punkt1
<ul>
<li>Punkt 1.1</li>
</ul></li>
<li>Punkt 2</li>
<li>Punkt 3</li></ul>

Beim "Mapping-Wizzard" wird folgender Code generiert

lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap = <ul>|</ul>
lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
	allWrap = <li>|</li>
}
	
lib.subMenu.1.ACT = 1
lib.subMenu.1.ACT {
	allWrap = <li class="active">|</li>
}

Ich habe es schon mit

lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap = <ul>|</ul>
lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
	allWrap = <li>|</li>
}
	
lib.subMenu.1.ACT = 1
lib.subMenu.1.ACT {
	allWrap = <li class="active">|</li>
}

lib.SubMenu.2.wrap=<ul>|</ul>
lib.SubMenu.2 = TMENU
lib.SubMenu.2.NO {
allWrap = <li>|</li>}

lib.subMenu.2.ACT = 1
lib.subMenu.2.ACT {
        allWrap = <li class="active">|</li>
}

versucht - Leider ohne Erfolg
Ich stehe gerade irgendwie auf dem Schlauch. Hat jemand einen Tipp für mich? :x

themaverick01 ·

Ok - folgendes hab ich jetzt selbst rausgefunden: im meinem TS war ein Tippfehler:

lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap = <ul>|</ul>
lib.subMenu.1 = TMENU
lib.subMenu.1.NO {
allWrap = <li>|</li>
}

lib.subMenu.1.ACT = 1
lib.subMenu.1.ACT {
allWrap = <li class="active">|</li>
}

lib.subMenu.2.wrap=<ul>|</ul>
lib.subMenu.2 = TMENU
lib.subMenu.2.NO {
allWrap = <li>|</li>
}

lib.subMenu.2.ACT = 1
lib.subMenu.2.ACT {
allWrap = <li class="active">|</li>
}

Jetzt wird zumindest das Menu angezeigt - allerdings ist das generierte Markup immer noch nicht korrekt

<ul>
<li>Punkt 1</li>
<ul><li>Punkt 1.1</li></ul>
<li>Punkt 2</li>
<li>Punkt 3 </li>
</ul>

Wie bekomme ich es denn jetzt hin, dass die Punkte richtig verschachtelt werden?

also

<li>Punkt 1
<ul><li>Punkt 1.1</li></ul></li>
<li>Punkt 2</li>
<li>Punkt 3 </li>
</ul>