css - jqTree - ツリーに点線を表示する css

Question

ツリーのアウトラインを表示するために jqTree に適用する css スタイルと画像を持っている人はいますか? 点線の境界線を表示する YUI ツリービューのようなもの

http://developer.yahoo.com/yui/examples/treeview/default_tree.html

Answer 1

YUI ツリービューを使用すると、既存の html を使用してレンダリングできることがわかりました。

    <script src="scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="scripts/tree.jquery.js" type="text/javascript"></script>    

    <!-- Required CSS -->
    <link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/treeview/assets/skins/sam/treeview.css">

    <!-- Dependency source file --> 
    <script src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js" ></script>
    <!-- Optional dependency source file to decode contents of yuiConfig markup attribute--> 
    <script src="http://yui.yahooapis.com/2.9.0/build/json/json-min.js" ></script>

<!-- TreeView source file --> 
<script src="http://yui.yahooapis.com/2.9.0/build/treeview/treeview-min.js" ></script>

<script>
      var tree;
        function treeInit() {
            tree = new YAHOO.widget.TreeView("committeeTree");
            // if required, add nodes here
            tree.render();
        }

        $(function () {
              $("#myTree").tree({
                    data: source
                });

              treeInit();

        });

</script>