我试图表示像目录树这样的 XML 结构。它是一个导航编辑器,因此元素名称为链接(组)和链接(组中的项目)。所以我有不同的图像:i-node、l-node、t-node 和 e-node 图像(其中 e 为空,其他为虚线)。HTML 应该是一个标准表格。每个链接都在其新的 tr 中。
到目前为止,一切都很好...
但:
在第一种情况下,图像符合预期,但在第二种情况下,您会看到我卡在哪里:一旦有 L 节点(该级别上的最后一个元素),所有后续链接都应显示该级别的空节点图像- 但是现在有一个 I 节点。所以我需要一些关于如何实现这一目标的建议。我是否需要检查 XML 的前面的兄弟姐妹?或者我可以通过将另一个参数传递给递归调用来做到这一点吗?任何帮助表示赞赏......我宁愿正确地做,也不愿开始用 JS 修复 HTML;)
XML:
<navigation>
<links>
<link>
<text>Google</text>
<links>
<link>
<text>Yahoo</text>
</link>
<link>
<text>Amazon</text>
</link>
</links>
</link>
<link />
<link />
<link />
...
</links>
</navigation>
XSL:
<xsl:template match="navigation">
<table>
<xsl:for-each select="links">
<xsl:apply-templates select=".">
<xsl:with-param name="level" select="'1'" />
<xsl:with-param name="children" select="count(*[links/link])" />
</xsl:apply-templates>
</xsl:for-each>
</table>
</xsl:template>
<xsl:template match="links">
<xsl:param name="level" />
<xsl:param name="children" />
<xsl:variable name="count" select="count(link)" />
<xsl:for-each select="link">
<tr>
<xsl:attribute name="class">level<xsl:value-of select="$level" /></xsl:attribute>
<td>
<xsl:call-template name="nodeimage.loop">
<xsl:with-param name="level" select="$level"></xsl:with-param>
<xsl:with-param name="position" select="position()"></xsl:with-param>
<xsl:with-param name="count" select="$count" />
</xsl:call-template>
<strong><xsl:value-of select="text" /></strong>
</td>
</tr>
<!-- if a link has children... -->
<xsl:if test="*[link]">
<xsl:apply-templates select="links">
<xsl:with-param name="level" select="$level + 1"/>
<xsl:with-param name="children" select="count(*[link])"/>
</xsl:apply-templates>
</xsl:if>
</xsl:for-each>
</xsl:template>
<xsl:template name="nodeimage.loop">
<xsl:param name="level"/>
<xsl:param name="position"/>
<xsl:param name="count"/>
<!-- debug this
<xsl:value-of select="$position" />of<xsl:value-of select="$count" />, level<xsl:value-of select="$level" />
-->
<xsl:if test="$level = 1">
<xsl:choose>
<xsl:when test="$position = $count"><!-- last one on same level -->
<img class="textmiddle" src="/images/backend/l-node.png" />
</xsl:when>
<xsl:otherwise>
<img class="textmiddle" src="/images/backend/t-node.png" />
</xsl:otherwise>
</xsl:choose>
</xsl:if>
<xsl:if test="$level > 1">
<img class="textmiddle" src="/images/backend/i-node.png" />
</xsl:if>
<xsl:if test="$level > 1">
<xsl:call-template name="nodeimage.loop">
<xsl:with-param name="level">
<xsl:value-of select="$level - 1"/>
</xsl:with-param>
<xsl:with-param name="position">
<xsl:value-of select="$position"/>
</xsl:with-param>
<xsl:with-param name="count">
<xsl:value-of select="$count"/>
</xsl:with-param>
</xsl:call-template>
</xsl:if>
</xsl:template>