Skip to content
The yii2-fancytree-widget is a Yii 2 wrapper for the Fancytree. See more: http://wwwendt.de/tech/fancytree/demo/
Branch: master
Clone or download
Latest commit d01ffd3 Nov 8, 2015
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Fixed register script Nov 8, 2015
.gitattributes Refactored code Nov 8, 2015
.gitignore Refactored code Nov 8, 2015
CHANGELOG.md Fixed register script Nov 8, 2015
LICENSE initial commit Jun 4, 2014
README.md initial commit Jun 4, 2014
composer.json Update composer.json Nov 8, 2015

README.md

yii2-fancytree-widget

The yii2-fancytree-widget is a Yii 2 wrapper for the Fancytree. A JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag'n'drop, and lazy loading.

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist wbraganca/yii2-fancytree-widget "*"

or add

"wbraganca/yii2-fancytree-widget": "*"

to the require section of your composer.json file.

How to use

On your view file.


<?php
// Example of data.
$data = [
	['title' => 'Node 1', 'key' => 1],
	['title' => 'Folder 2', 'key' => '2', 'folder' => true, 'children' => [
		['title' => 'Node 2.1', 'key' => '3'],
		['title' => 'Node 2.2', 'key' => '4']
	]]
];

echo \wbraganca\fancytree\FancytreeWidget::widget([
	'options' =>[
		'source' => $data,
		'extensions' => ['dnd'],
		'dnd' => [
			'preventVoidMoves' => true,
			'preventRecursiveMoves' => true,
			'autoExpandMS' => 400,
			'dragStart' => new JsExpression('function(node, data) {
				return true;
			}'),
			'dragEnter' => new JsExpression('function(node, data) {
				return true;
			}'),
			'dragDrop' => new JsExpression('function(node, data) {
				data.otherNode.moveTo(node, data.hitMode);
			}'),
		],
	]
]);
?>
You can’t perform that action at this time.