Aufbau einer multi-level-Menü für umbraco

Ich versuche zu bauen, ein multi-level-dropdrown CSS-Menü für eine website, die ich mache, auf der umbraco content-management-system.

Ich brauche um es zu bauen, haben die folgende Struktur:

<ul id="nav">
  <li><a href="..">Page #1</a></li>
  <li>
    <a href="..">Page #2</a>
    <ul>
      <li><a href="..">Subpage #1</a></li>
      <li><a href="..">Subpage #2</a></li>        
    </ul>
  </li>
</ul>

So, ich bin jetzt versuchen, herauszufinden, wie Sie die Schachteln mit Hilfe von XSLT. Dies ist, was ich habe, so weit:

<xsl:output method="xml" omit-xml-declaration="yes"/>

<xsl:param name="currentPage"/>

<!-- update this variable on how deep your menu should be -->
<xsl:variable name="maxLevelForMenu" select="4"/>

<xsl:template match="/">
  <ul id="nav">
    <xsl:call-template name="drawNodes">  
      <xsl:with-param 
       name="parent" 
       select="$currentPage/ancestor-or-self::node [@level=1]"
      />  
    </xsl:call-template>
  </ul>
</xsl:template>

<xsl:template name="drawNodes">
  <xsl:param name="parent"/> 
  <xsl:if test="umbraco.library:IsProtected($parent/@id, $parent/@path) = 0 or (umbraco.library:IsProtected($parent/@id, $parent/@path) = 1 and umbraco.library:IsLoggedOn() = 1)">
    <xsl:for-each select="$parent/node [string(./data [@alias='umbracoNaviHide']) != '1' and @level &lt;= $maxLevelForMenu]"> 
      <li>
        <a href="{umbraco.library:NiceUrl(@id)}">
          <xsl:value-of select="@nodeName"/>
        </a>  
        <xsl:if test="count(./node [string(./data [@alias='umbracoNaviHide']) != '1' and @level &lt;= $maxLevelForMenu]) &gt; 0">   
          <xsl:call-template name="drawNodes">    
            <xsl:with-param name="parent" select="."/>    
          </xsl:call-template>  
        </xsl:if> 
      </li>
    </xsl:for-each>
  </xsl:if>
</xsl:template>

Was ich kann nicht scheinen, um herauszufinden, ist zu prüfen, wie wenn die erste Ebene (hier Seite #1 und Seite #2) hat keine Kinder, und wenn Sie tun fügen Sie die zusätzlichen <ul> enthalten die <li> Kinder.

Jemand da draußen zu zeigen mich in die richtige Richtung?

InformationsquelleAutor | 2008-11-21

umbraco xslt

First off, keine Notwendigkeit pass, der eine parent parameter um. Der Kontext wird der transport dieser Informationen.

Hier ist das XSL-stylesheet, das sollte dein problem lösen:

<!-- update this variable on how deep your menu should be -->
<xsl:variable name="maxLevelForMenu" select="4"/>

<!--- match the document root --->
<xsl:template match="/root">
  <div id="nav">
    <xsl:call-template name="SubTree" />
  </div>
</xsl:template>

<!-- this will be called by xsl:apply-templates -->
<xsl:template match="node">
  <!-- the node is either protected, or the user is logged on (no need to check for IsProtected twice) -->
  <xsl:if test="umbraco.library:IsProtected($parent/@id, $parent/@path) = 0 or umbraco.library:IsLoggedOn() = 1">
    <li>
      <a href="{umbraco.library:NiceUrl(@id)}"><xsl:value-of select="@nodeName"/></a>
      <xsl:call-template name="SubTree" />
    </li>
  </xsl:if>
</xsl:template>

<xsl:template name="SubTree">
  <!-- render sub-tree only if there are any child nodes --->
  <xsl:if test="node">
    <ul>
      <xsl:apply-templates select="node[data[@alias='umbracoNaviHide'] != '1'][@level &lt;= $maxLevelForMenu]">
        <!-- ensure sorted output of the child nodes --->
        <xsl:sort select="@sortOrder" data-type="number" />
      </xsl:apply-templates>
    </ul>
  </xsl:if>
</xsl:template>

Dies ist die XML-getestet habe ich es auf (ich weiß nicht viel über Umbraco, aber nach einem Blick auf einige Beispiele ich hoffe, ich habe in der Nähe eine Umbraco-Dokument):

<root id="-1">
  <node id="1" level="1" sortOrder="1" nodeName="Page #1">
    <data alias="umbracoNaviHide">0</data>
  </node>
  <node id="2" level="1" sortOrder="2" nodeName="Page #2">
    <data alias="umbracoNaviHide">0</data>
    <node id="3" level="2" sortOrder="2" nodeName="Subpage #2.2">
      <data alias="umbracoNaviHide">0</data>
    </node>
    <node id="4" level="2" sortOrder="1" nodeName="Subpage #2.1">
      <data alias="umbracoNaviHide">0</data>
      <node id="5" level="3" sortOrder="3" nodeName="Subpage #2.1.1">
        <data alias="umbracoNaviHide">0</data>
      </node>
    </node>
    <node id="6" level="2" sortOrder="3" nodeName="Subpage #2.3">
      <data alias="umbracoNaviHide">1</data>
    </node>
  </node>
  <node id="7" level="1" sortOrder="3" nodeName="Page #3">
    <data alias="umbracoNaviHide">1</data>
  </node>
</root>

Dies ist die Ausgabe:

<div id="nav">
  <ul>
    <li><a href="http://foo/">Page #1</a></li>
    <li><a href="http://foo/">Page #2</a>
      <ul>
        <li><a href="http://foo/">Subpage #2.1</a>
          <ul>
            <li><a href="http://foo/">Subpage #2.1.1</a></li>
          </ul>
        </li>
        <li><a href="http://foo/">Subpage #2.2</a></li>
      </ul>
    </li>
  </ul>
</div>

wieder bei mir Fehler beim speichern in umbraco 4.7.8 Schalter Fehler aufgetreten Fehler in der XSLT-in Zeile 33, char 11 31: <xsl:if test="umbraco.Bibliothek:IsProtected($parent/@id, $parent/@path) = 0 oder umbraco.Bibliothek:IsLoggedOn() = 1"> 32: <li> 33: >>> <a href="umbraco.library:NiceUrl(@id)}"><xsl:value-of select="@nodeName" /></a> <<< 34: <xsl:call-template name="SubTree" /> 35: </li>
Das ist eine einfache eine. Wenn man sich sehr hart auf der Linie 33 finden Sie vor Ort ein syntax-Fehler. (Ich habe auch meine Feste Antwort. Aber Sie könnten es gesehen haben selbst.)
Hallo Tomalak, ich bin ganz neu Umbraco so noch nicht, die Stelle der syntax-Fehler 😐
Nie Verstand. 🙂 Funktioniert es jetzt?

InformationsquelleAutor Tomalak

Es ist nichts sehr spezielles zu diesem problem. Die folgenden tests, die die Knoten-Liste für

<xsl:apply-templates/>

nicht leer ist, bevor Sie die Vorlagen:

<xsl:stylesheet version="1.0" 
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
<xsl:output omit-xml-declaration="yes"/> 
<xsl:variable name="vLevel" select="0"/> 

<xsl:template match="root"> 
<xsl:variable name="vnextLevelNodes" 
select="node[@level = $vLevel+1]"/> 
<xsl:if test="$vnextLevelNodes"> 
<ul> 
<xsl:apply-templates select="$vnextLevelNodes"/> 
</ul> 
</xsl:if> 
</xsl:template> 

<xsl:template match="node"> 
<!-- der Knoten ist entweder geschützt, oder der Benutzer angemeldet ist (keine Notwendigkeit zu prüfen, IsProtected zweimal) --> 
<!-- <xsl:if test= 
"umbraco.Bibliothek:IsProtected($parent/@id, $parent/@path) = 0 
oder 
umbraco.Bibliothek:IsLoggedOn() = 1"> --> 
<xsl:if test="1"> 
<li> 
<!-- <a href="{umbraco.library:NiceUrl(@id)}"> --> 
<a href="'umbraco.library:NiceUrl(@id)'"> 
<xsl:value-of select="@nodeName"/> 
</a> 

<xsl:variable name="vnextLevelNodes" 
select="node[@level = current()/@level+1]"/> 
<xsl:if test="$vnextLevelNodes"> 
<ul> 
<xsl:apply-templates select="$vnextLevelNodes"/> 
</ul> 
</xsl:if> 
</li> 
</xsl:if> 
</xsl:template> 
</xsl:stylesheet>

Ich habe die folgende XML-Quelldokument:

<root id="-1"> 
<node id="1" level="1" sortOrder="1" nodeName="Page #1"> 
<data alias="umbracoNaviHide">0</data> 
</Knoten> 
<node id="2" level="1" sortOrder="2" nodeName="Page #2"> 
<data alias="umbracoNaviHide">0</data> 
<node id="3" level="2" sortOrder="2" nodeName="Unterseite - #2.2"> 
<data alias="umbracoNaviHide">0</data> 
</Knoten> 
<node id="4" level="2" sortOrder="1" nodeName="Unterseite - #2.1"> 
<data alias="umbracoNaviHide">0</data> 
<node id="5" level="3" sortOrder="3" nodeName="Unterseite - #2.1.1"> 
<data alias="umbracoNaviHide">0</data> 
</Knoten> 
</Knoten> 
<node id="6" level="2" sortOrder="3" nodeName="Unterseite - #2.3"> 
<data alias="umbracoNaviHide">1</data> 
</Knoten> 
</Knoten> 
<node id="7" level="1" sortOrder="3" nodeName="Seite #3"> 
<data alias="umbracoNaviHide">1</data> 
</Knoten> 
</root>

Außerdem habe ich auskommentiert beliebigen code verweisen auf Umbraco-Erweiterungsfunktionen, wie ich don ' T haben Zugang zu Ihnen.

Wenn die oben beschriebene transformation wird angewendet auf das XML-Quelldokument, das richtige, das erwartete Ergebnis produziert:

<ul> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Seite #1</a> 
</li> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Seite #2</a> 
<ul> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Unterseite #2.2</a> 
</li> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Unterseite #2.1</a> 
<ul> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Unterseite #2.1.1</a> 
</li> 
</ul> 
</li> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Unterseite #2.3</a> 
</li> 
</ul> 
</li> 
<li> 
<a href="'umbraco.library:NiceUrl(@id)'">Seite #3</a> 
</li> 
</ul>

Hoffe, dass dies geholfen.

Cheers,

Dimitre Novatchev

InformationsquelleAutor Dimitre Novatchev

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.