https://github.com/lesha724/yii2-bootstrap-tree
yii2 widget for bootstrap tree ( https://github.com/patternfly/patternfly-bootstrap-treeview )
https://github.com/lesha724/yii2-bootstrap-tree
bootstrap bootstrap-tree bootstrap-treeview tree treeview widget yii2 yii2-bootstrap-tree yii2-extension yii2-widgets
Last synced: 3 months ago
JSON representation
yii2 widget for bootstrap tree ( https://github.com/patternfly/patternfly-bootstrap-treeview )
- Host: GitHub
- URL: https://github.com/lesha724/yii2-bootstrap-tree
- Owner: lesha724
- Created: 2017-02-07T12:51:53.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-07-30T12:06:18.000Z (almost 6 years ago)
- Last Synced: 2025-02-28T05:25:33.615Z (3 months ago)
- Topics: bootstrap, bootstrap-tree, bootstrap-treeview, tree, treeview, widget, yii2, yii2-bootstrap-tree, yii2-extension, yii2-widgets
- Language: PHP
- Homepage:
- Size: 12.7 KB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
yii2-bootstrap-tree
===================
Widget for [bootstrap-treeview](https://github.com/patternfly/patternfly-bootstrap-treeview)
Installation
------------
The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
Either run
```
php composer.phar require --prefer-dist lesha724/yii2-bootstrap-tree "*"
```
or add
```
"lesha724/yii2-bootstrap-tree": "*"
```
to the require section of your `composer.json` file.
Usage
-----
Once the extension is installed, simply use it in your code by :
```php
'Node 1'
'icon' => "glyphicon glyphicon-stop",
'selectedIcon' => "glyphicon glyphicon-stop",
'href' => "#node-1",
'selectable' => true,
'state' => [
'checked' => true,
'disabled' => true,
'expanded' => true,
'selected' => true
],
'tags' => ['available'],
...,
'nodes'=>
[
...
]
],
[
'text' => 'Folder 2',
'nodes' => [
['text' => 'Node 2.1'],
['text' => 'Node 2.2']
]
]
];
?>
= \lesha724\bootstraptree\TreeView::widget([
'htmlOptions'=>[
'id'=>'treeview-tabs'
],
'options'=>[
//https://github.com/patternfly/patternfly-bootstrap-treeview#options
'data'=>$items,
'enableLinks'=>true,
'showTags'=>true,
'levels'=>3
],
'events'=>[
//https://github.com/patternfly/patternfly-bootstrap-treeview#events
'onNodeSelected'=>'function(event, data) {
// Your logic goes here
alert(data.href);
}'
]
]); ?>
```
Links
-----
* [items structure](https://github.com/patternfly/patternfly-bootstrap-treeview#data-structure)
* [widget options](https://github.com/patternfly/patternfly-bootstrap-treeview#options)
* [js events](https://github.com/patternfly/patternfly-bootstrap-treeview#events)