Question

我有一个xslt导航，我想要分成2列，这样在每6个“li”后它会创建一个新的“div”... 我想输出如下：

<ul>
<div class="col">
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
</div>
<div class="col">
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
    <li><a href="#">link</a></li>
</div>
</ul>

但不太确定如何做到这一点

我的XSLT：

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"  xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >

  <xsl:output method="xml" omit-xml-declaration="yes" indent="yes"  encoding="utf-8" />
  <xsl:param name="html-content-type" />
  <xsl:template match="/NavigationTree">

    <xsl:if test="count(//Page) > 0">
      <ul>
        <xsl:apply-templates select="Page">
          <xsl:with-param name="depth" select="1"/>
        </xsl:apply-templates>
      </ul>
    </xsl:if>

  </xsl:template>

  <xsl:template match="//Page">
    <xsl:param name="depth"/>

    <li>
      <xsl:attribute name="class">
        <xsl:if test="@InPath='True'">inpath </xsl:if>
        <xsl:if test="position() = 1">firstitem </xsl:if>
        <xsl:if test="position() = count(//Page)">lastitem </xsl:if>
        <xsl:if test="@Active='True'">selected</xsl:if>
      </xsl:attribute>
      <a>
        <xsl:attribute name="class">
          <xsl:if test="@InPath='True'">inpath </xsl:if>
          <xsl:if test="position() = 1">firstitem </xsl:if>
          <xsl:if test="position() = count(//Page)">lastitem </xsl:if>
          <xsl:if test="@Active='True'">current</xsl:if>
        </xsl:attribute>
        <xsl:attribute name="href"><xsl:value-of select="@FriendlyHref" disable-output-escaping="yes"/></xsl:attribute>
        <xsl:value-of select="@MenuText" disable-output-escaping="yes"/>
      </a>
        <div class="icon">
        <xsl:text disable-output-escaping="yes"><![CDATA[<!--dsfdsfdsf-->]]></xsl:text>
      </div>
        <xsl:if test="count(Page)">
          <ul class="M{@AbsoluteLevel}">
            <xsl:apply-templates select="Page">
              <xsl:with-param name="depth" select="$depth+1"/>
            </xsl:apply-templates>
          </ul>
        </xsl:if>
    </li>
  </xsl:template>

</xsl:stylesheet>

Answer 1

一种方法是使模板匹配每个6 Page元素：

<xsl:template match="//Page[position() mod 6 = 1]">
  <div>
    <xsl:apply-templates select="." mode="SecondLevel"/>
    <xsl:apply-templates select="following-sibling::Page[position()&lt;6]" mode="SecondLevel"/>
  </div>
</xsl:template>

生成div并将第二级模板应用于当前元素及其后续兄弟。第二级模板是您已经拥有的模板 - 添加了mode：

<xsl:template match="Page" mode="SecondLevel">
  <li>
    <xsl:attribute name="class">
      <xsl:if test="@InPath='True'">inpath </xsl:if>
      <xsl:if test="position() = 1">firstitem </xsl:if>
      <xsl:if test="position() = count(//Page)">lastitem </xsl:if>
      <xsl:if test="@Active='True'">selected</xsl:if>
    </xsl:attribute>
    <a>
      <xsl:attribute name="class">
        <xsl:if test="@InPath='True'">inpath </xsl:if>
        <xsl:if test="position() = 1">firstitem </xsl:if>
        <xsl:if test="position() = count(//Page)">lastitem </xsl:if>
        <xsl:if test="@Active='True'">current</xsl:if>
      </xsl:attribute>
      <xsl:attribute name="href">
        <xsl:value-of select="@FriendlyHref" disable-output-escaping="yes"/>
      </xsl:attribute>
      <xsl:value-of select="@MenuText" disable-output-escaping="yes"/>
    </a>
    <div class="icon">
      <xsl:text disable-output-escaping="yes"><![CDATA[<!--dsfdsfdsf-->]]></xsl:text>
    </div>
  </li>
</xsl:template>

在X li之后插入div

1 个答案: