zoukankan      html  css  js  c++  java
  • demo : 简单的 xslt 递归解析 xml 成 tree

    tree.xml:
    <table>
     <person>
      <id>1</id>
      <name>人物</name>
      <parent>0</parent>
     </person>
     <person>
      <id>2</id>
      <name>武将</name>
      <parent>1</parent>
     </person>
     <person>
      <id>3</id>
      <name>文臣</name>
      <parent>1</parent>
     </person>
     <person>
      <id>4</id>
      <name>魏延</name>
      <parent>2</parent>
     </person>
     <person>
      <id>5</id>
      <name>赵云</name>
      <parent>2</parent>
     </person>
     <person>
      <id>6</id>
      <name>何平</name>
      <parent>2</parent>
     </person>
     <person>
      <id>7</id>
      <name>荀域</name>
      <parent>3</parent>
     </person>
     <person>
      <id>8</id>
      <name>荀攸</name>
      <parent>3</parent>
     </person>
     <person>
      <id>9</id>
      <name>鲁肃</name>
      <parent>3</parent>
     </person>
     <person>
      <id>10</id>
      <name>赵统</name>
      <parent>5</parent>
     </person>
     <person>
      <id>11</id>
      <name>赵广</name>
      <parent>5</parent>
     </person>
    </table>

    -----------------------------------------------------------------------------------

    style.xsl:
    <?xml version="1.0" encoding="utf-8"?>
    <xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
     <xsl:template match="/">
      <html>
       <xsl:apply-templates select="//person[parent=0]"/>
      </html>
     </xsl:template>
     <xsl:template match="//person">
      <xsl:param name="id" select="id"/>
      <div id="{$id}" onclick="s{$id}.style.display=='none'?s{$id}.style.display='block':s{$id}.style.display='none'">
       <xsl:choose>
        <xsl:when test="count(//person[parent=$id]) &gt; 0">
         <span style="cursor:hand">+</span>
        </xsl:when>
        <xsl:otherwise>-</xsl:otherwise>
       </xsl:choose>
       <xsl:value-of select="name"/>
      </div>
      <div id="s{$id}" style="display:none;margin-left:30px;">
       <xsl:apply-templates select="//person[parent=$id]"/>
      </div>
     </xsl:template>
    </xsl:transform>

  • 相关阅读:
    PAT 1006 Sign In and Sign Out
    Winform 自定义程序安装向导(可用于数据库升级等)
    Winform 数据库连接配置界面
    SQLServer禁用、启用外键约束
    sp_MSforeachtable使用方法
    【.NET】使用HtmlAgilityPack抓取网页数据
    SQL:bat批处理多个.sql文件
    C#:数据库通用访问类 SqlHelper
    C#:最简洁强大的代码生成器
    SQL 分组后拼接字符串
  • 原文地址:https://www.cnblogs.com/focus/p/948547.html
Copyright © 2011-2022 走看看