xiongchuan/yii2-sortable-tree

基于Jquery-sortable-list的树形小部件,可以拖拽排序树形结构。

dev-master 2016-12-26 11:38 UTC

This package is not auto-updated.

Last update: 2024-09-28 20:14:39 UTC


README

基于Jquery-sortable-list的排序树形小部件,可以拖拽排序树形结构。

安装

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

运行以下命令:

php composer.phar require --prefer-dist xiongchuan/yii2-sortable-tree "*"

"xiongchuan/yii2-sortable-tree": "*"

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

使用

扩展安装完成后,只需将小部件添加到页面中,如下所示

<?php echo xiongchuan\tree\SortableTree::widget([
            'items' => [
                ['title' => 'Category 1'],
                ['title' => 'Category 2'],
                [
                    'title' => 'Category 3',
                    'children' => [
                        [
                            'title' => 'Category 3.1',
                        ],
                        [
                            'title' => 'Category 3.2',
                            'children' => [
                                [
                                    'title' => 'Category 3.2.1',
                                ]
                            ],
                            'folder' => true,
                        ],
                    ],
                    'folder' => true,
                ],

            ],
            'clientOptions' => [
                'autoCollapse' => true,
                'clickFolderMode' => 3,
                'activate' => new \yii\web\JsExpression('
                        function(node, data) {
                              node  = data.node;
                              // Log node title
                              console.log(node.title);
                        }
                '),
            ],
        ]); ?>