wbraganca/yii2-fancytree-widget

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

安装数: 103,889

依赖者: 8

建议者: 1

安全: 0

星标: 46

关注者: 10

分支: 15

开放问题: 5

类型:yii2-extension

1.0.1 2015-11-08 14:15 UTC

This package is not auto-updated.

Last update: 2024-09-10 02:29:07 UTC


README

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

安装

推荐通过 composer 安装此扩展。

运行以下命令

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

或者

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

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

使用方法

在您的视图文件中。

<?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);
			}'),
		],
	]
]);
?>