DotNetNuke + XPath = Пользовательское меню навигации - PullRequest
0 голосов
/ 21 декабря 2009

Я разрабатываю скин для DotNetNuke 5, используя компонент меню DNN Done Right , который использует пользовательский XSL-T для преобразования карты сайта XML в HTML-навигацию.

Использование XSL-T является спасением жизни по сравнению с другими способами построения меню навигации. Однако я столкнулся с проблемами при выполнении чего-то более сложного, так как я новичок в XML-T и XPath.

То, что я пытаюсь достичь, это:

  • Игнорировать узлы уровня 0
  • Перебрать все узлы уровня 1 в выбранной иерархии
  • Как только выбранный узел уровня 1 будет найден, начните цикл по иерархической структуре / иерархической структуре до активного уровня.
  • Оказавшись на уровне активного узла, переберите и покажите всех братьев и сестер этого уровня
  • Затем завершите цикл по узлам уровня 1

Ниже приведен пример блока XML карты сайта, используемой компонентом меню.

<Root>
    <root>
        <node id="37" text="Home" url="http://www.dnndoneright.com/Home.T37.aspx" enabled="1" selected="0" breadcrumb="0" first="1" last="0" only="0" depth="0" >
            <description >Upgrade your standard DNN menu - automatically and for free - to an SEO-optimised, accessible, mobile-friendly, cross-browser menu.</description>
        </node>

        <node id="56" text="DNN Menu" url="http://www.dnndoneright.com/DNN-Menu.T56.aspx" enabled="1" selected="0" breadcrumb="1" first="0" last="0" only="0" depth="0" >
            <node id="97" text="Menu features" url="http://www.dnndoneright.com/Menu-features.T97.aspx" enabled="1" selected="0" breadcrumb="0" first="1" last="0" only="0" depth="1" />
            <node id="111" text="Pre-built templates" url="http://www.dnndoneright.com/Pre-built-templates.T111.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="1" >
                <node id="94" text="Standard DNN menu, upgraded" url="http://www.dnndoneright.com/Standard-DNN-menu-upgraded.T94.aspx" enabled="1" selected="0" breadcrumb="0" first="1" last="0" only="0" depth="2" />
                <node id="124" text="Superfish template" url="http://www.dnndoneright.com/Superfish-template.T124.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="106" text="Treeview template" url="http://www.dnndoneright.com/Treeview-template.T106.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="107" text="Accordion template" url="http://www.dnndoneright.com/Accordion-template.T107.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="112" text="Dropdown template" url="http://www.dnndoneright.com/Dropdown-template.T112.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="96" text="Mega-menu" url="http://www.dnndoneright.com/Mega-menu.T96.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="1" only="0" depth="2" />
            </node>
            <node id="113" text="Getting started" url="http://www.dnndoneright.com/Getting-started.T113.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="1" >
                <node id="114" text="Installing the menu" url="http://www.dnndoneright.com/Installing-the-menu.T114.aspx" enabled="1" selected="0" breadcrumb="0" first="1" last="0" only="0" depth="2" />
                <node id="115" text="Upgrading a SolPart menu" url="http://www.dnndoneright.com/Upgrading-a-SolPart-menu.T115.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="116" text="Upgrading a DNNMenu" url="http://www.dnndoneright.com/Upgrading-a-DNNMenu.T116.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="117" text="Installing a template" url="http://www.dnndoneright.com/Installing-a-template.T117.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="118" text="Adding to a skin" url="http://www.dnndoneright.com/Adding-to-a-skin.T118.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="1" only="0" depth="2" />
            </node>
            <node id="119" text="Customising templates" url="http://www.dnndoneright.com/Customising-templates.T119.aspx"   enabled="0" selected="0" breadcrumb="1" first="0" last="1" only="0" depth="1" >
                <node id="120" text="Standard options" url="http://www.dnndoneright.com/Standard-options.T120.aspx"         enabled="1" selected="0" breadcrumb="0" first="1" last="0" only="0" depth="2" />
                <node id="121" text="Specifying filenames" url="http://www.dnndoneright.com/Specifying-filenames.T121.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="2" />
                <node id="122" text="XML format" url="http://www.dnndoneright.com/XML-format.T122.aspx"                     enabled="1" selected="1" breadcrumb="1" first="0" last="0" only="0" depth="2" />
                <node id="123" text="Creating custom templates" url="http://www.dnndoneright.com/Creating-custom-templates.T123.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="1" only="0" depth="2" />
            </node>
        </node>

        <node id="87" text="Download" url="http://www.dnndoneright.com/Download.T87.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="0" only="0" depth="0" />

        <node id="85" text="Contact" url="http://www.dnndoneright.com/Contact.T85.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="1" only="0" depth="0" >
            <node id="129" text="Blog" url="http://www.dnndoneright.com/Blog.T129.aspx" enabled="1" selected="0" breadcrumb="0" first="1" last="0" only="0" depth="1" />
            <node id="130" text="Forum" url="http://www.dnndoneright.com/Forum.T130.aspx" enabled="1" selected="0" breadcrumb="0" first="0" last="1" only="0" depth="1" />
        </node>
    </root>
</Root> 

Также вот моя (неверная) отправная точка, просто чтобы показать отсутствие у меня знаний по XSL / XPath. (Мой код неверен, поскольку в нем перечислены все узлы L1, а не только узлы L1 в выбранной иерархии) *

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" />

    <xsl:template match="/">
    <div class="SideMenu">
      <!-- Loop through all L1 nodes -->
      <xsl:for-each select="Root/root/node/node">
        <xsl:if test="@enabled='1'" >
          <!-- Only use L1 in the current hierarchy -->

          <div>
            [ <xsl:value-of select="@text"/>: <xsl:value-of select="@depth"/> ]
          </div>
        </xsl:if>
      </xsl:for-each>
    </div>
    </xsl:template>

</xsl:stylesheet>

Ответы [ 3 ]

1 голос
/ 21 декабря 2009

Предполагается, что во входе может быть только один выбранный узел:

<xsl:stylesheet 
  version="1.0" 
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
>
  <xsl:template match="/">
    <div class="SideMenu">
      <!-- select all the siblings of the selected node -->
      <xsl:apply-templates select="//node[@selected=1]/../node" />
    </div>
  </xsl:template>

  <!-- nodes are turned into a <div> with some descriptive text -->
  <xsl:template match="node">
    <div>
      <xsl:value-of select="concat('[ ', @text, ': ', ' ]')" />
    </div>
  </xsl:template>

</xsl:stylesheet>

Вывод для вашего образца XML:

<div class="SideMenu">
  <div>[ Standard options: ]</div>
  <div>[ Specifying filenames: ]</div>
  <div>[ XML format: ]</div>
  <div>[ Creating custom templates: ]</div>
</div>

Вложенное меню легко создать, но, правда, я не совсем уверен, что вы хотите. Если вы отправите желаемый результат, я смогу позаботиться об этом.

0 голосов
/ 21 декабря 2009

Спасибо за ваши ответы. К сожалению, ваш код был не совсем тем, что мне было нужно (скорее всего, из-за сложной природы того, что мне нужно, и моей неспособности объяснить мои требования), но благодаря вашему примеру кода я получил более глубокое понимание XSL- T и создал следующее:

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:output method="html" />

 <xsl:template match="/">
    <div class="SideMenu">
      <!-- Loop through all L1 nodes -->
      <xsl:for-each select="Root/root/node">
        <xsl:if test="@enabled='1'" >
          <xsl:if test="@breadcrumb='1'" >
            <!-- Find active root node-->
            <!-- L0 nodes: Don't ever show (These are the horizontal tabs) -->

            <!-- Always show all children: L1 nodes -->
            <xsl:apply-templates select="child::node()[@url]" mode="BaseNode" ></xsl:apply-templates>

          </xsl:if>
        </xsl:if>
      </xsl:for-each>
    </div>
 </xsl:template>

  <!-- Template: Base node -->
  <xsl:template match="node" mode="BaseNode" >

    <xsl:choose>
      <xsl:when test="@breadcrumb='0'" >
        <!-- Non-breadcrumb L1 node -->
        <xsl:apply-templates select="." mode="NonShadedNode" ></xsl:apply-templates>

      </xsl:when>
      <xsl:when test="@breadcrumb='1'" >
        <!-- Child which is part of hierarchy -->
        <xsl:apply-templates select="." mode="ShadedNode" ></xsl:apply-templates>

        <!-- Drill down through hierarchy of active nodes-->
        <xsl:for-each select="descendant::node()[@url]">
          <xsl:if test="@breadcrumb='1'" >

            <!-- Is this the last node? If so, show children -->
            <xsl:choose>
              <xsl:when test="child::node()[@url]">
                  <!-- Not last node -->
                <xsl:apply-templates select="." mode="ShadedNode" ></xsl:apply-templates>

              </xsl:when>
              <xsl:otherwise>
                <!-- Last node: loop through all siblings -->

                <!-- THIS LOOP DOESN'T WORK CORRECTLY -->
                <xsl:for-each select="preceding-sibling::node()" >
                  <xsl:apply-templates select="." mode="ShadedNode" ></xsl:apply-templates>
                </xsl:for-each>

                <xsl:apply-templates select="." mode="SelectedNode" ></xsl:apply-templates>

                <xsl:for-each select="following-sibling::node()" >
                  <xsl:apply-templates select="." mode="ShadedNode" ></xsl:apply-templates>
                </xsl:for-each>

              </xsl:otherwise>
            </xsl:choose>

          </xsl:if>
        </xsl:for-each>

      </xsl:when>
    </xsl:choose>

  </xsl:template>

  <!-- Template: Non-shaded node -->
  <xsl:template match="node" mode="NonShadedNode" >
    <a>
      <xsl:attribute name="href">
        <xsl:value-of select="@url"/>
      </xsl:attribute>
      <xsl:attribute name="style">
        padding-left:<xsl:value-of select="@depth * 10"/>
      </xsl:attribute>
      <xsl:value-of select="@text"/>
    </a>
  </xsl:template>

  <!-- Template: Shaded node -->
  <xsl:template match="node" mode="ShadedNode" >
    <a class="SideMenu_Shaded">
      <xsl:attribute name="href">
        <xsl:value-of select="@url"/>
      </xsl:attribute>
      <xsl:attribute name="style">
        padding-left:<xsl:value-of select="@depth * 10"/>
      </xsl:attribute>
      <xsl:value-of select="@text"/>
    </a>
  </xsl:template>

  <!-- Template: Selected node -->
  <xsl:template match="node" mode="SelectedNode" >
    <a class="SideMenu_Selected">
      <xsl:attribute name="style">
        padding-left:<xsl:value-of select="@depth * 10"/>
      </xsl:attribute>
      <xsl:value-of select="@text"/>
    </a>
  </xsl:template>

</xsl:stylesheet>

Это именно то, что мне нужно, кроме ЭТОГО НЕ РАБОТАЕТ ПРАВИЛЬНО , который по какой-то причине также показывает узлы, которые разделяют братьев и сестер ... Я сейчас на это смотрю и надеюсь небольшая ошибка в моем коде.

Хотя, если вы можете определить проблему, пожалуйста, дайте мне знать! :)

Вот отрендеренный HTML из XSL-T:

<div class="SideMenu"><a href="/Home/Tester.aspx" style="&#xA;        padding-left:10">Tester </a><a class="SideMenu_Shaded" href="/Home/ChiefConstablesArea.aspx" style="&#xA;        padding-left:10">Chief Constables Area</a>
    Chief Constables Area
    Chief Constables Area
    <a class="SideMenu_Shaded" href="/Home/ChiefConstablesArea/ChiefsFocusGroups.aspx" style="&#xA;        padding-left:20">Chief's Focus Groups</a>
    <a class="SideMenu_Shaded" href="/Home/ChiefConstablesArea/AbouttheChief.aspx" style="&#xA;        padding-left:20">About the Chief</a>
    <a class="SideMenu_Shaded" href="/Home/ChiefConstablesArea/ChiefsOfficerGroup.aspx" style="&#xA;        padding-left:20">Chief's Officer Group</a>
    <a class="SideMenu_Selected" style="&#xA;        padding-left:20">Chief's Messages</a>
    <a class="SideMenu_Shaded" href="/Home/ChiefConstablesArea/ForceAwardsScheme.aspx" style="&#xA;        padding-left:20">Force Awards Scheme</a>
  <a href="/Home/ActiveForumLitetrial.aspx" style="&#xA;        padding-left:10">Active Forum Lite trial</a></div>
0 голосов
/ 21 декабря 2009

Если вы можете опубликовать фактический результат, который вы ожидаете увидеть, то это поможет, но я думаю, что вы можете захотеть что-то вроде этого:

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:template match="root">
    <div class="SideMenu">
      <!-- Loop through level 1 nodes -->
      <xsl:apply-templates select="//node[@depth=1]" mode="general" />
    </div>
  </xsl:template>

  <xsl:template match="node" mode="general">
    <xsl:choose>
      <!-- If the currently selected node, show all siblings -->
      <xsl:when test="@selected=1">
        <xsl:apply-templates select="../node" mode="only" />
      </xsl:when>
      <!-- Otherwise show just this node -->
      <xsl:otherwise>
        <xsl:apply-templates select="." mode="only" />
      </xsl:otherwise>
    </xsl:choose>
    <!-- Follow the breadcrumb down towards the currently selected node -->
    <xsl:apply-templates select="node[@breadcrumb=1]" mode="general" />
  </xsl:template>

  <xsl:template match="node" mode="only">
    <div>
      [ <xsl:value-of select="@text"/>: <xsl:value-of select="@depth"/> ]
    </div>
  </xsl:template>
</xsl:stylesheet>

Если это не дает того, что вы хотите, не стесняйтесь задавать вопросы на форумах DNNDoneRight, вот для чего они нужны!

...