coderovich/yii2-jstree

jsTree Manager Plugin for Yii2

jsTree Manager for Yii2

Виджет для управления деревом для моделей Nested Tree., _(*1)

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

https://habrahabr.ru/post/266155/, _(*2)

Nested Behaviors

https://github.com/paulzi/yii2-materialized-path, _(*3)

https://github.com/paulzi/yii2-adjacency-list, _(*4)

https://github.com/paulzi/yii2-nested-sets, _(*5)

https://github.com/paulzi/yii2-nested-intervals, _(*6)

How to use this extension

Добавить в модель, _(*7)

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

Добавить в контроллер, _(*8)

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

Добавить в представление, _(*9)

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, _(*10)

<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 в своей верстке..., _(*11)