bluezed / yii2-fancytree-widget
yii2-fancytree-widget 是一个用于 Fancytree 的 Yii 2 包装器,Fancytree 是一个 jQuery 的动态树视图插件,支持持久化、键盘、复选框、表格、拖放和懒加载
v1.0.4
2015-07-17 07:23 UTC
Requires
- bower-asset/fancytree: *
- yiisoft/yii2: *
- yiisoft/yii2-jui: *
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)