yii2-tree
yii2-tree copied to clipboard
Tree widget based on Fancytree extension
Yii2 Tree Widget
Tree widget based on Fancytree extension http://wwwendt.de/tech/fancytree/demo/#sample-default.html
Installation
The preferred way to install this extension is through composer.
Either run
php composer.phar require --prefer-dist yii2mod/yii2-tree "*"
or add
"yii2mod/yii2-tree": "*"
to the require section of your composer.json.
Usage
Once the extension is installed, simply add widget to your page as follows:
<?php echo yii2mod\tree\Tree::widget([
'items' => [
['title' => 'Category 1'],
['title' => 'Category 2'],
[
'title' => 'Category 3',
'children' => [
[
'title' => 'Category 3.1',
],
[
'title' => 'Category 3.2',
'children' => [
[
'title' => 'Category 3.2.1',
]
],
'folder' => true,
],
],
'folder' => true,
],
],
'clientOptions' => [
'autoCollapse' => true,
'clickFolderMode' => 3,
'activate' => new \yii\web\JsExpression('
function(node, data) {
node = data.node;
// Log node title
console.log(node.title);
}
'),
],
]); ?>
You can also change the theme of Fancytree extension!
To change the theme, you can configure the assetManager array in your application configuration:
// skin-win8
'assetManager' => [
'bundles' => [
'yii2mod\tree\TreeAsset' => [
'css' => [
'skin-win8/ui.fancytree.less',
]
],
],
]