3

jstreeを使用してxmlファイルからツリーを構築しようとしています。ドキュメントに従いましたが、機能していないようです。これが私のコードです：

<html>
<head>
    <title>Demo</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="C:\Users\jstree\jstree_pre1.0_fix_1\jquery.jstree.js"></script>
    <Script Language="JavaScript">
  $(function () {  

     $("#demo2").jstree({   

         "xml_data" : {  

             "ajax" : {  

                 "url" : "books.xml" 

             },  

             "xsl" : "nest" 

         },  

         "plugins" : [ "themes", "xml_data" ]  

     });  
     }); 

</Script>

</head>
<body>

</body>

4

4 に答える 4

2

XMLは、jsTreeが含めることができる方法でフォーマットされていません。

http://www.jstree.com/documentation/xml_data

フラットとネストの2種類のXML構造がサポートされています。

<!-- FLAT -->
<root>
    <item id="root_1" parent_id="0" state="closed">
        <content>
            <name><![CDATA[Node 1]]></name>
        </content>
    </item>
    <item id="node_2" parent_id="root_1">
        <content>
            <name><![CDATA[Node 2]]></name>
        </content>
    </item>
</root>

<!-- NESTED -->
<root>
    <item id="xml_1">
        <content><name><![CDATA[Root node 1]]></name></content>
        <item id="xml_2">
            <content><name><![CDATA[Child node 1]]></name></content>
        </item>
    </item>
</root>

別の方法は、XMLドキュメントを取り込んでJSONに変換してから、有効なJSONまたはHTMLデータ形式に変換することです。

于 2012-04-18T23:35:01.393 に答える
1

コンテナ（＃demo2）が見つからないようです。ボディタグ<div id='demo2'></div>の下に追加してみてください。

また、jstree.jsファイルが正しくロードされていることを確認してください。

于 2012-04-18T10:02:47.050 に答える
0

「言語」と呼ばれるスクリプトにはそのような属性はありません（あったかもしれませんが、非推奨です）。

以下のコードのようなスクリプトタグにコードを配置して、再試行してください

<script type="text/javascript">
    //Your Code Here
</script>
于 2012-04-13T21:08:37.797 に答える
0

「url」の代わりに相対パスを指定します：「books.xml」。「url」のような現在のパスに置き換えます：「../ Content / Xml/books.xml」。それはうまくいくかもしれません。

よろしく、アムルサ

于 2014-06-25T09:32:24.200 に答える