coderovich/yii2-jstree

jsTree Manager Plugin for Yii2

1.0.5 2018-02-11 07:30 UTC

Requires

• php: >=5.4.0
• bower-asset/jstree: ~3
• kartik-v/yii2-dialog: *
• paulzi/yii2-materialized-path: ^2.0
• yiisoft/yii2: ^2.0.0

MIT

• Sergei Pavlov

• editor
• widget
• nested sets
• materialized path
• yii2
• nestable

README

Виджет для управления деревом для моделей Nested Tree.

Набор Yii2 Behavior для хранения деревьев в БД и их совместного использования

https://habrahabr.ru/post/266155/

Nested Behaviors

https://github.com/paulzi/yii2-materialized-path

https://github.com/paulzi/yii2-adjacency-list

https://github.com/paulzi/yii2-nested-sets

https://github.com/paulzi/yii2-nested-intervals

How to use this extension

Добавить в модель

const NODE_NAME = "nodeName";
# Your custom item renderer, named like get+self::NODE_NAME
public function getNodeName() {
    return "<strong>" . $this->name . "</strong>";
}

Добавить в контроллер

public function actions() {
    $modelClass = 'app\models\TreeModel';
    return [
        'moveNode'   => [
            'class'      => 'coderovich\jsTree\actions\MoveNodeAction',
            'modelClass' => $modelClass,
        ],
        'deleteNode' => [
            'class'      => 'coderovich\jsTree\actions\DeleteNodeAction',
            'modelClass' => $modelClass,
        ],
        'updateNode' => [
            'class'      => 'coderovich\jsTree\actions\UpdateNodeAction',
            'modelClass' => $modelClass,
        ],
        'createNode' => [
            'class'      => 'coderovich\jsTree\actions\CreateNodeAction',
            'modelClass' => $modelClass,
        ],
        'fetchTree'  => [
            'class'      => 'coderovich\jsTree\actions\FetchTreeAction',
            'modelClass' => $modelClass,
            # Максимально возможное число уровней в дереве. Опционально.
            # Callable  
            "maxDepth"   => function ( $node ) {
                /** @var \app\models\TreeModel $node */
                return $node->depth < 2;
            }
        ],
    ];
}

Добавить в представление

use coderovich\jsTree\JsTree;

echo JsTree::widget([
    'modelClass' => '\app\models\TreeModel',
    'core'    => [
    "themes" => [ "stripes" => true ],
    ],
    'contextmenu' => [
    "items_top"=>new \yii\web\JsExpression( '{"assoc": {
    "separator_before": false,
    "separator_after": false,
    "label": "My Label",
    "title": "My Label",
    "_disabled":function(){
    return node.text.match(/disable_me_by_some_js_behavior_if_needed/i);
    },
    "action": function (obj) {
    window.location = "'.\yii\helpers\Url::to(['update']).'?id="+node.id
    }
    }}' )
    ],
    
    'plugins' => [ "changed", "state", 'types', 'dnd', 'contextmenu', 'sort' ,'wholerow'],
    //...
    ]); 

Изменить вызов ActiveForm в _form.php

<div class="region-form">
	<?php $form = yii\widgets\ActiveForm::begin( [
		"enableAjaxValidation"   => false,
		"enableClientValidation" => true,
		"options"                => [ "id"=>"JsTreeDialogForm",'role' => "form" ]
	] );
	?>
    <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?>
    <?php ActiveForm::end(); ?>
</div>

Проблемы

Если не отображается Context меню, то проверить z-index в своей верстке...