xml - XML 構造のツリー表示 - 再帰内の親/前の兄弟をテストする方法は?

Question

ディレクトリ ツリーのような XML 構造を表現しようとしています。これはナビゲーション エディターであるため、要素名は links (グループ) と link (グループ内のアイテム) です。i-node、l-node、t-node、e-node イメージがあります (e が空で、他は点線です)。HTML は標準のテーブルであると想定されています。各リンクは新しい tr にあります。

ここまでは順調ですね...

しかし：

最初のケースではイメージは期待どおりですが、2 番目のケースでは行き詰まった場所がわかります。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 &gt; 1">
        <img class="textmiddle" src="/images/backend/i-node.png" />
    </xsl:if>
    <xsl:if test="$level &gt; 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>

Answer 1

これらのテンプレート (XSLT 1.0 用に作成) は、ツリー構造をレンダリングできる必要があります。再帰を使用するのではなく、一般的な構造を処理するための一致テンプレートを使用してから、画像のモデル化されたテンプレートを使用します (各祖先を処理することによって)コンテキスト ノード):

<xsl:template match="navigation">
    <table>
        <thead>
            <xsl:call-template name="headers" />
        </thead>
        <tbody>
            <xsl:apply-templates select="links" />
        </tbody>
    </table>
</xsl:template>

<xsl:template match="link">
    <xsl:variable name="chain" select="ancestor-or-self::link" />
    <tr class="level{count($chain)}">
        <td>
            <xsl:apply-templates select="$chain" mode="tracks">
                <xsl:with-param name="context" select="." />
            </xsl:apply-templates>
            <strong><xsl:value-of select="text" /></strong>
        </td>
        <td><button>Append new link</button></td>
        <td><xsl:value-of select="url" /></td>
    </tr>
    <xsl:apply-templates select="links" />
</xsl:template>

<xsl:template match="link" mode="tracks">
    <xsl:param name="context" />
    <xsl:variable name="isSame" select="generate-id(.) = generate-id($context)" />
    <xsl:variable name="pos" select="count(preceding-sibling::link)" />
    <xsl:variable name="isLast" select="not(following-sibling::link)" />
    <xsl:variable name="type">
        <xsl:choose>
        <xsl:when test="$isSame">
            <xsl:if test="(following::link or links/link) and not($isLast)">t</xsl:if>
            <xsl:if test="$isLast">l</xsl:if>
        </xsl:when>
        <xsl:when test="$isLast and links/link">e</xsl:when>
        <xsl:when test="following::link and links/link">i</xsl:when>
        <xsl:when test="not(following::link)">e</xsl:when>
    </xsl:choose>
    </xsl:variable>
    <xsl:call-template name="node-type">
        <xsl:with-param name="type" select="$type" />
    </xsl:call-template>
</xsl:template>

<xsl:template name="node-type">
    <xsl:param name="type" select="'t'" />
    <img class="textmiddle" src="/images/backend/{$type}-node.png" />
</xsl:template>

<xsl:template name="headers">
    <tr>
        <th>Link</th>
        <th>&#160;</th>
        <th>URL</th>
    </tr>
</xsl:template>

(テンプレートをlinksノードに適用すると、組み込みのテンプレートを使用して、link一致するテンプレートがない場合にノードを処理することに注意してくださいlinks。)