Widget for bootstrap-treeview
The preferred way to install this extension is through composer.
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.
Once the extension is installed, simply use it in your code by :
<?php
// Example of data. $items structure https://github.com/patternfly/patternfly-bootstrap-treeview#data-structure
$items = [
[
'text' => '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);
}'
]
]); ?>