zgs225 / easy-tree

A jquery and bootstrap basic tree view plugin, easily use.

EASY-TREE.js

A plugin base on jquery and bootstrap 3, can convert an un-order list to a tree easily. The tree that selectable, addable, editable and deletable

##Demo##

Example

1. git clone https://github.com/zgs225/easy-tree.git
2. npm install
3. grunt

##Usage##

<div class='easy-tree'>
    <ul>
        <li>Example 1</li>
        <li>Example 2</li>
        <li>Example 3</li>
        <li>Example 4</li>
    <ul>
</div>

$('.easy-tree').EasyTree();

##Options##

selectable: the tree can be selected or not. Default true.

deletable: the tree's node can be deleted or not. Default false.

editable: the tree's node can be edited or not. Default false.

addable: can create node for the tree or not. Default false.

##i18n##

$('.easy-tree').EasyTree({
    i18n: {
        ...
        TODO
    }
});

##Dependencies##

• jQuery
• Bootstrap 3

easy-tree's Issues

如何动态展示树

比如从mysql查到返回的数据，以什么格式添加到树里

All collapsed from the beginning

Hello,

Is it possible to start the tree menu with all the menus are collapsed? I do not really understand from js have tried as much I can try but no result. If anyone can help I would be appreciated :)

will it support data example json/url?

use Ajax

how to add new tree use Ajax data

not gatting json of all node

Links?

The js automatically adds anchors to each item but there doesn't seem to be a way to actually specify a link, so the tree can be used as a quick navigation... is this a planned future feature?