acyuta/yii2-fancytree-widget

yii2-fancytree widget 是 [Fancytree](https://github.com/mar10/fancytree) 的 Yii 2 封装。一个支持持久性、键盘、复选框、表格、拖放和懒加载功能的 jQuery 动态树视图插件。

安装: 2

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 15

开放问题: 0

类型:yii2-extension

dev-master 2015-04-09 11:12 UTC

This package is not auto-updated.

Last update: 2024-09-18 08:27:12 UTC


README

yii2-fancytree-widget 是 Fancytree 的 Yii 2 封装。一个支持持久性、键盘、复选框、表格、拖放和懒加载功能的 jQuery 动态树视图插件。

安装

安装此扩展的首选方式是通过 composer

运行以下命令:

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

或者将以下内容添加到您的 composer.json 文件的 require 部分:

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

使用方法

在你的视图文件中。

<?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([
	'focusOnKey' => 1,
	'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);
			}'),
		],
	]
]);
?>