yii2mod / yii2-tree
Tree widget based on Fancytree plugin.
Installs: 47 992
Dependents: 0
Suggesters: 0
Security: 0
Stars: 21
Watchers: 9
Forks: 3
Open Issues: 1
Type:yii2-extension
Requires
- bower-asset/fancytree: *
- yiisoft/yii2: *
- yiisoft/yii2-jui: ~2.0.0
Requires (Dev)
This package is not auto-updated.
Last update: 2024-10-01 04:30:16 UTC
README
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', ] ], ], ]