0

jQuery ツリービュー プラグインを使用してツリービューを作成する JSP ページがあります。ここで、単一のファイルを選択可能にしたいと考えています。つまり、ファイルがクリックされたときに URL を開きたいということです。いくつかの例を試しましたが、どれもうまくいきませんでした。これは html ページの例です。

<ul id="browser" class="filetree">
    <li><span class="folder">Folder 1</span>
        <ul>
            <li><span class="file">Item 1.1</span></li>
        </ul>
    </li>
    <li><span class="folder">Folder 2</span>
        <ul>
            <li><span class="folder">Subfolder 2.1</span>
                <ul id="folder21">
                    <li><span class="file">File 2.1.1</span></li>
                    <li><span class="file">File 2.1.2</span></li>
                </ul>
            </li>
            <li><span class="file">File 2.2</span></li>
        </ul>
    </li>
    <li class="closed"><span class="folder">Folder 3 (closed at start)</span>
        <ul>
            <li><span class="file">File 3.1</span></li>
        </ul>
    </li>
    <li><span class="file">File 4</span></li>
</ul>

JavaScript:

<script type="text/javascript">
    $(document).ready(function(){
        $("#browser").treeview({
            toggle: function() {
                console.log("%s was toggled.", $(this).find(">span").text());
                alert("do something");
            }
        });

        // fourth example
        $("#black, #gray").treeview({
            control: "#treecontrol",
            persist: "cookie",
            //cookieId: "treeview-black"
        });
    });
</script>

どうすればこれを実装できますか?

4

1 に答える 1

1

Hiyaデモはこちら:) http://jsfiddle.net/yeMy9/1/&& http://jsfiddle.net/yeMy9/2/ （ フォルダ ではなくアイテムをクリックしたときにのみトリガーされます。または http://jsfiddle.net/ yeMy9 / 3 /

これで、アイテム1.1などのフォルダー内のアイテムをクリックしたときにアラートを出しました。条件付きステートメントを使用して、どこに転送するかを決定できます。

乾杯と私はこれが役立つと確信しています！

Jqueryコード

 $(document).ready(function(){
        $("#browser").treeview({
            toggle: function() {
                console.log("%s was toggled.", $(this).find(">span").text());
                alert("do something");

            }
        });

      $("li span").click(function(){
          alert(' Forward the url when clicked => ' + $(this).text());
          //Now forward to the link according to the text() i.e. based
          // on Item 1.1 & 2.2 etc...
      });

        // fourth example
        $("#black, #gray").treeview({
            control: "#treecontrol",
            persist: "cookie",
            //cookieId: "treeview-black"
        });
    });​

HTML

<ul id="browser" class="filetree">
    <li><span class="folder">Folder 1</span>
        <ul>
            <li><span class="file">Item 1.1</span></li>
        </ul>
    </li>
    <li><span class="folder">Folder 2</span>
        <ul>
            <li><span class="folder">Subfolder 2.1</span>
                <ul id="folder21">
                    <li><span class="file">File 2.1.1</span></li>
                    <li><span class="file">File 2.1.2</span></li>
                </ul>
            </li>
            <li><span class="file">File 2.2</span></li>
        </ul>
    </li>
    <li class="closed"><span class="folder">Folder 3 (closed at start)</span>
        <ul>
            <li><span class="file">File 3.1</span></li>
        </ul>
    </li>
    <li><span class="file">File 4</span></li>
</ul>​
于 2012-04-16T10:04:40.153 に答える