{"id":15282201,"url":"https://github.com/devgroup-ru/yii2-jstree-widget","last_synced_at":"2025-09-04T20:46:46.466Z","repository":{"id":23702951,"uuid":"27075172","full_name":"DevGroup-ru/yii2-jstree-widget","owner":"DevGroup-ru","description":"jsTree tree widget for yii2","archived":false,"fork":false,"pushed_at":"2018-05-12T10:59:57.000Z","size":72,"stargazers_count":19,"open_issues_count":1,"forks_count":11,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-09-03T01:07:59.769Z","etag":null,"topics":["adjacency","jstree","nested-set","nested-sets","tree","tree-input","widget","yii","yii2-jstree-widget"],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DevGroup-ru.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-11-24T12:36:08.000Z","updated_at":"2025-08-07T10:35:03.000Z","dependencies_parsed_at":"2022-08-22T04:10:55.701Z","dependency_job_id":null,"html_url":"https://github.com/DevGroup-ru/yii2-jstree-widget","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/DevGroup-ru/yii2-jstree-widget","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevGroup-ru%2Fyii2-jstree-widget","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevGroup-ru%2Fyii2-jstree-widget/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevGroup-ru%2Fyii2-jstree-widget/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevGroup-ru%2Fyii2-jstree-widget/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DevGroup-ru","download_url":"https://codeload.github.com/DevGroup-ru/yii2-jstree-widget/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DevGroup-ru%2Fyii2-jstree-widget/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273672151,"owners_count":25147490,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["adjacency","jstree","nested-set","nested-sets","tree","tree-input","widget","yii","yii2-jstree-widget"],"created_at":"2024-09-30T14:24:37.893Z","updated_at":"2025-09-04T20:46:46.439Z","avatar_url":"https://github.com/DevGroup-ru.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"yii2-jstree-widget\n==================\n[![Code Climate](https://codeclimate.com/github/DevGroup-ru/yii2-jstree-widget/badges/gpa.svg)](https://codeclimate.com/github/DevGroup-ru/yii2-jstree-widget)\n[![SensioLabsInsight](https://insight.sensiolabs.com/projects/551833bd-1951-493d-9a8f-9f676cf58506/mini.png)](https://insight.sensiolabs.com/projects/551833bd-1951-493d-9a8f-9f676cf58506)\n[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/DevGroup-ru/yii2-jstree-widget/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/DevGroup-ru/yii2-jstree-widget/?branch=master)\n[![Build Status](https://scrutinizer-ci.com/g/DevGroup-ru/yii2-jstree-widget/badges/build.png?b=master)](https://scrutinizer-ci.com/g/DevGroup-ru/yii2-jstree-widget/build-status/master)\n\n\njsTree tree widget for yii2.\n\nCurrent state: **unstable**.\n\nDescription\n-----------\n\nThis extension allows you to display and manage hierarchical data structures from your \ndatabase using [jsTree](https://www.jstree.com/).\n\nFor now following data structure types are supported:\n- [adjacency list](https://en.wikipedia.org/wiki/Adjacency_list);\n- [nested set](https://en.wikipedia.org/wiki/Nested_set_model).\n\n\nUsage example\n-------------\nFor example, we have model Menu that represents our structured data. And MenuController for management purposes.\n\nAdjacency List\n--------------\nIn the MenuController:\n\n``` php\nuse devgroup\\JsTreeWidget\\actions\\AdjacencyList\\FullTreeDataAction;\nuse devgroup\\JsTreeWidget\\actions\\AdjacencyList\\TreeNodesReorderAction;\nuse devgroup\\JsTreeWidget\\actions\\AdjacencyList\\TreeNodeMoveAction;\n...\npublic function actions()\n    {\n        return [\n            'getTree' =\u003e [\n                'class' =\u003e FullTreeDataAction::class,\n                'className' =\u003e Menu::class,\n            ],\n            'menuReorder' =\u003e [\n                'class' =\u003e TreeNodesReorderAction::class,\n                'className' =\u003e Menu::class,\n            ],\n            'menuChangeParent' =\u003e [\n                'class' =\u003e TreeNodeMoveAction::class,\n                'className' =\u003e Menu::class,\n            ],\n        ];\n    }\n```\n\nIn your view file call the widget in the right place:\n\n``` php\n    \u003c?= TreeWidget::widget([\n            'treeDataRoute' =\u003e ['/menu/getTree', 'selected_id' =\u003e $parent_id],\n            'reorderAction' =\u003e ['/menu/menuReorder'],\n            'changeParentAction' =\u003e ['/menu/menuChangeParent'],\n            'treeType' =\u003e TreeWidget::TREE_TYPE_ADJACENCY,\n            'contextMenuItems' =\u003e [\n                'open' =\u003e [\n                    'label' =\u003e 'Open',\n                    'action' =\u003e ContextMenuHelper::actionUrl(\n                        ['/menu/list'],\n                        ['parent_id']\n                    ),\n                ],\n                'edit' =\u003e [\n                    'label' =\u003e 'Edit',\n                    'action' =\u003e ContextMenuHelper::actionUrl(\n                        ['/menu/edit']\n                    ),\n                ]\n            ],\n        ]) ?\u003e\n```\nGetting Data, Reordering and Change Parent actions has default implementations, but you can implement and use your own ones, just by changing a routes `'treeDataRoute', 'reorderAction', 'changeParentAction'`.\n\nNested Set\n----------\nNested set can work in single or multy root modes. Single root mode by default.\nFor using multi root mode you have to have `tree` (or other name you like) column in your database table to store root id. And define this name in all necessary config places (see below).\n\nIn the MenuController:\n\n``` php\nuse devgroup\\JsTreeWidget\\actions\\nestedset\\FullTreeDataAction;\nuse devgroup\\JsTreeWidget\\actions\\nestedset\\NodeMoveAction;\n...\npublic function actions()\n    {\n        return [\n            'getTree' =\u003e [\n                'class' =\u003e FullTreeDataAction::class,\n                'className' =\u003e Menu::class,\n                'rootAttribute' =\u003e 'tree', //omit for single root mode\n            ],\n            'treeReorder' =\u003e [\n                'class' =\u003e NodeMoveAction::class,\n                'className' =\u003e Menu::class,\n                'rootAttribute' =\u003e 'tree', //omit for single root mode\n            ],\n        ];\n    }\n```\nIn the view file:\n```php\n    \u003c?= TreeWidget::widget([\n        'treeDataRoute' =\u003e ['/menu/getTree'],\n        'reorderAction' =\u003e ['/menu/treeReorder'],\n        'treeType' =\u003e TreeWidget::TREE_TYPE_NESTED_SET, //important config option\n        'contextMenuItems' =\u003e [\n            'edit' =\u003e [\n                'label' =\u003e 'Edit',\n                'action' =\u003e ContextMenuHelper::actionUrl(\n                    ['/menu/edit']\n                ),\n            ]\n        ],\n    ]) ?\u003e\n```\nGetting Data and Node Movements actions has the default implementations and are independent from side `NestedSet behaviors`. But you also can use your own implementation.\n\n`TreeWidget` will register bundle `JsTreeAssetBundle`, but you may want to include it as dependency in your main bundle(ie. for minification purpose).\n\n`ContextMenuHelper` creates `JsExpression` for handling context menu option click. It automatically adds all `data` attributes from item link(`\u003ca\u003e` tag) if it is not specified exactly(as in 'open' menu item).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevgroup-ru%2Fyii2-jstree-widget","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevgroup-ru%2Fyii2-jstree-widget","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevgroup-ru%2Fyii2-jstree-widget/lists"}