prawee/yii2-fancytree-widget

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

安装: 353

依赖: 1

建议: 0

安全: 0

星标: 1

关注者: 3

分支: 15

语言:JavaScript

类型:yii2-extension

dev-master 2016-02-25 06:39 UTC

This package is auto-updated.

Last update: 2024-09-12 05:51:02 UTC


README

yii2-fancytree-widget 是 Fancytree 的 Yii 2 封装。一个基于 jQuery 的 JavaScript 动态树视图插件,支持持久化、键盘操作、复选框、表格、拖放和懒加载。

注意

原始源文件 => wbraganca/yii2-fancytree-widget 感谢。这是我为我的服务器解决的版本。

安装

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

运行

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

或在您的 composer.json 文件的 require 部分添加

"prawee/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([
	'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);
			}'),
		],
	]
]);
?>