bluezed/yii2-fancytree-widget

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

安装: 101

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

类型:yii2-extension

v1.0.4 2015-07-17 07:23 UTC

This package is auto-updated.

Last update: 2024-09-20 13:54:23 UTC


README

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

安装

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

运行

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

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

"bluezed/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 \bluezed\fancytree\FancytreeWidget::widget([
	'options' =>[
		'id' => 'my-fancy-tree',
		'htmlOptions' => ['style' => 'margin-bottom: 15px;'],
		'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);
			}'),
		],
	]
]);
?>

归功于

最初由 Wanderson Bragança 创建 (https://github.com/wbraganca/yii2-fancytree-widget)