2013-02-19 6 views
6

Sto lavorando a un menu DevView DDR per DotNetNuke per visualizzare solo gli elementi radice selezionati e il relativo nodo figlio da espandere. Ecco cosa sto cercando di ottenere. (menu verticale a sinistra) Qualche consiglio, per favore?Menu visualizzazione DDR visualizzazione radice selezionata e relativo nodo figlio

enter image description here

Questo è il codice XSLT e sta attualmente visualizzando tutti gli elementi di root.

<?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> 
+5

È necessario aggiungere xml alla domanda. – Sandro

+1

Stai tentando di nascondere l'intera riga (comprese le colonne Casa, Informazioni, Servizio/Posizione e Contatto) degli elementi secondari o solo la colonna più a sinistra? – dlp

risposta

0

Se si ottengono solo articoli root, è necessario modificare il NodeSelector definito per il menu. Credo che il valore di stenografia RootChildren ti darà quello che vuoi.

+0

questo è il modo in cui ho risolto il problema. tuttavia, la tua risposta ha aiutato anche te. – user1781367

1

Sarebbe di grande aiuto se si fornisse un esempio del codice di input che si desidera trasformare.

Presumo sua fondamentalmente qualcosa di simile:

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

È possibile saltare il primo modello-partita e quelli prima se elementi e direttamente corrispondere solo ciò che ti interessa Senza test, qualcosa di simile. dovrebbe fare il trucco:

<!-- ... --> 
<!-- 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> 
1

Senza l'XML di origine è veramente difficile capire cosa si sta cercando di fare qui, ma direi che il motivo principale che stai ricevendo tutti nodi è il la modello per abbinare il 012 L'elementoè ricorsivo e non nasconde i discendenti. Se si aggiunge display:none all'attributo style sull'elemento ul alla fine del modello node (o si modifica list-item-style su display), è possibile ottenere ciò che si desidera.