如何以可扩展和可折叠的树状结构显示 XML 模式？答案

【问题标题】：How to display an XML schema in tree structure with expandable and collapsible?如何以可扩展和可折叠的树状结构显示 XML 模式？
【发布时间】：2015-03-05 09:52:40
【问题描述】：

我想以树的形式显示 XML 模式，我应该能够扩展、折叠和拖放到外部可拖放对象。例如：

            <?xml version="1.0" encoding="UTF-8"?><xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema" attributeFormDefault="unqualified" elementFormDefault="qualified">
              <xs:element name="catalog">
                <xs:complexType>
                  <xs:sequence>
                    <xs:element name="cd">
                      <xs:complexType>
                        <xs:sequence>
                          <xs:element name="title" type="xs:string"/>
                          <xs:element name="artist" type="xs:string"/>
                          <xs:element name="country" type="xs:string"/>
                          <xs:element name="company" type="xs:string"/>
                          <xs:element name="price" type="xs:float"/>
                          <xs:element name="year" type="xs:short"/>
                        </xs:sequence>
                      </xs:complexType>
                    </xs:element>
                  </xs:sequence>
                </xs:complexType>
              </xs:element>
            </xs:schema>

我需要将树节点显示为：

-catalog
 -cd
   title(string)
   artist(string)
   .
   .
   .
   year(short)

所有标有“-”的都是可展开和可折叠的，并且包含子元素。如何在 javascript/jquery 中实现这一点？ jquery中是否有与此相关的插件？

谢谢大家。

【问题讨论】：

标签： javascript jquery xsd tree jstree

【解决方案1】：

不确定您是否仍在寻求答案，但我最近接受了一项类似的任务。这可能不是实现您想要的最有效的方法，但这里是我为实现上述目标而采取的步骤。

从 xsd 架构创建一个示例 xml 文件。 Oxygen XML 编辑器具有执行此操作的功能。
针对 xslt 运行示例 xml 文件以生成架构中的每个单独的 xpath。
将 xpath 解析为 java 对象并转换为 JSON 格式。

这里有一些可以帮助您完成任务的链接...

Best way to represent list of XPaths in java

How to get xpaths for all leaf elements from XML?

如果您需要任何其他帮助，请告诉我！

【讨论】：