Widok drzewa DDR Wybrany katalog główny i jego węzeł podrzędny:

Question

Pracuję nad menu Widok drzewa DDR, aby DotNetNuke wyświetlał tylko wybrane elementy katalogu głównego i węzeł potomny, które mają zostać rozwinięte. Oto, co próbuję osiągnąć. (Lewe pionowe menu) Masz radę?

Jest to kod XSLT i jest obecnie wyświetlanie wszystkich elementów głównych.

<?xml version="1.0" encoding="UTF-8"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 
    <xsl:output method="html"/> 
    <xsl:param name="ControlID" /> 
    <xsl:param name="Options" /> 
    <xsl:template match="/*"> 
    <xsl:apply-templates select="root" /> 
    </xsl:template> 
    <xsl:template match="root"> 
    <xsl:if test="node"> 
     <ul class="treeview filetree" id="{$ControlID}"> 
     <xsl:apply-templates select="node" /> 
     </ul> 
     <script type="text/javascript"> 
     jQuery(function($) { 
      $("#<xsl:value-of select="$ControlID" />").treeview(
      <xsl:value-of select="$Options" disable-output-escaping="yes" /> 
     ); 
     }); 
     </script> 
    </xsl:if> 
    </xsl:template> 
    <xsl:template match="node"> 
    <li> 
     <xsl:if test="node and (@depth != 0 or @breadcrumb = 1)"> 
     <xsl:attribute name="class">open</xsl:attribute> 
     </xsl:if> 
     <xsl:choose> 
     <xsl:when test="@enabled = 0"> 
      <xsl:value-of select="@text" /> 
     </xsl:when> 
     <xsl:otherwise> 
      <a href="{@url}"> 
      <xsl:choose> 
       <xsl:when test="@selected=1"> 
       <xsl:attribute name="class">selected breadcrumb</xsl:attribute> 
       </xsl:when> 
       <xsl:when test="@breadcrumb=1"> 
       <xsl:attribute name="class">breadcrumb</xsl:attribute> 
       </xsl:when> 
      </xsl:choose> 
      <xsl:value-of select="@text" /> 
      </a> 
     </xsl:otherwise> 
     </xsl:choose> 
     <xsl:if test="node"> 
     <ul style="list-item-style:none"> 
      <xsl:apply-templates select="node" /> 
     </ul> 
     </xsl:if> 
    </li> 
    </xsl:template> 
</xsl:stylesheet> 

Answer 1

Jeśli otrzymujesz tylko elementy root, będziesz chciał zmienić NodeSelector zdefiniowany dla menu. Wierzę, że skrócona wartość RootChildren da ci to, czego chcesz.

Answer 2

Pomoże Ci, jeśli podasz przykład kodu wejściowego, który chcesz przekształcić.

zakładam jej w zasadzie coś takiego:

<root> 
    <node enabled="1" depth="1" text="Service" selected="true" breadcrumb="0"/> 
    <node> 
    <node> 
     <node/> 
    </node> 
    </node> 
    <node> 
    <node/> 
    </node> 
    <node/> 
</root> 

można pominąć pierwszy mecz i szablonach tych pierwszych IF-element i bezpośrednio pasuje tylko to, co jesteś zainteresowany Bez testów, coś takiego. powinno załatwić sprawę:

<!-- ... --> 
<!-- process only "root" elements that have at least one "node" element --> 
<xsl:template match="/root[node]"> 
    <ul class="treeview filetree" id="{$ControlID}"> 
    <xsl:apply-templates select="node" /> 
    </ul> 
    <!-- ... --> 
</xsl:template> 
<xsl:template match="node"> 
    <!-- ... --> 
</xsl:template> 

Answer 3

Bez XML źródłowego to naprawdę trudno się zorientować, co starasz się zrobić tutaj, ale powiedziałbym, że głównym powodem, jesteś coraz wszystkie węzłów jest szablon pasujący do 012 Elementjest rekurencyjny i nie ukrywa potomków. Jeśli dodasz display:none do atrybutu style elementu ul na końcu szablonu node (lub zmień list-item-style na display), możesz uzyskać to, czego potrzebujesz.