如何在樹結構中顯示具有可擴展和可折疊的XML模式？

Question

我希望以樹的形式顯示XML模式，我應該能夠將其展開，折疊並拖放到外部droppable上。 例如 ：

            <?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>

我需要將treenodes顯示為：

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

所有標有“ - ”的都是可擴展和可折疊的，並包含子元素。 我如何在javascript / jquery中實現這一點？ jquery中是否有與此相關的插件？

謝謝你們。

Answer 1

不確定你是否仍在回答這個問題，但我最近也開始了類似的任務。 這可能不是實現您想要的最有效方式，但這是我為實現上述目標所采取的步驟。

1. 從xsd架構創建示例xml文件。 Oxygen XML編輯器具有執行此操作的功能。
2. 針對xslt運行示例xml文件以生成架構中的每個單獨的xpath。
3. 將xpath解析為java對象並轉換為JSON格式。

以下是一些可以幫助您完成任務的鏈接......

在java中表示XPath列表的最佳方式

如何從XML獲取所有葉元素的xpath？

如果您需要任何其他幫助，請告訴我們！