https://github.com/creeperyang/cytree
An angular.js module of tree/treeview.
https://github.com/creeperyang/cytree
Last synced: 8 months ago
JSON representation
An angular.js module of tree/treeview.
- Host: GitHub
- URL: https://github.com/creeperyang/cytree
- Owner: creeperyang
- Created: 2015-03-13T11:13:22.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-10-15T13:44:48.000Z (over 10 years ago)
- Last Synced: 2025-02-11T17:49:15.998Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 189 KB
- Stars: 7
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# cyTree
**Tree + AngularJS**
Code licensed under MIT License.
This plugin allows you create tree(treeview) easily and you can focus on your data.
## Compatibility
Work with modern browsers(Chrome/Firefox/Safari/IE9+).
* The tree uses custom icons(pure css), and the icons depend on CSS3.
* It's great if you use `bootstap3`. If not, set the `box-sizing` to `border-box`.
**Note**: You can custom the template or custom the icon style to avoid problems above.
## Usage
### install via bower
The package is registered to bower, so you can install via bower:
```shell
bower install cytree
```
### install manually
1. Download and include correct files in your webpage.(include `dist/cy-tree.js` and `dist/cy-tree.css`).
2. Add dependency to your angular project.
3. Use `cyTree` and `treeData` directives to generate tree/treeview.
```html
```
## Demo
1. clone this project
2. run command below and you can see demo(`http://0.0.0.0:9080/`)
```shell
npm install && bower install
grunt serve
```
Tree images:
> You may run into the `watch ENOSPC` error due to *Inotify Watches Limit*. If so, run command `echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p`.
More demos are coming.
## Release History
2015-06-10 `v0.2.0` add collapse and select event
2015-04-02 `v0.1.0` v0.1.0