Bitbucket is a code hosting site with unlimited public and private repositories. We're also free for small teams!

Close

Treeview v0.1

Author:
Victor Lin (http://victorlin.me)
License:
MIT License
Demo:
http://victorlin.bitbucket.org/treeview/demo.html

Treeview is a jQuery plugin which provides draggable treeview widget.

To use treeview, simply include script files

<script type="text/javascript" src="jquery-ui/js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui/js/jquery-ui-1.10.0.custom.min.js"></script>
<script type="text/javascript" src="treeview.js"></script>

To build a treeview, for example, you can write HTML like this:

<ul class="treeview well" style="width: 200px; ">
    <li>
        <div class="item folder">Folder1</div>
    </li>
    <li>
        <div class="item folder">Folder2</div>
        <ul>
            <li>
                <div class="item folder">Folder3</div>
                <ul>
                    <li><div class="item">Item3</div></li>
                </ul>
            </li>
            <li><div class="item">Item1</div></li>
            <li><div class="item">Item2</div></li>
        </ul>
    </li>
    <li><div class="item">Item4</div></li>
</ul>

To turn it into a draggable treeview, you can add following script:

<script type="text/javascript">
    $(function () {
        $('.treeview').treeview();
    });
</script>

Recent activity

Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.