{"id":29170271,"url":"https://github.com/mendixlabs/mendix-tree-view","last_synced_at":"2025-07-01T12:39:45.177Z","repository":{"id":51294237,"uuid":"237877990","full_name":"mendixlabs/mendix-tree-view","owner":"mendixlabs","description":"Show a Tree structure in a Tree View in Mendix","archived":false,"fork":false,"pushed_at":"2022-12-12T09:59:15.000Z","size":2792,"stargazers_count":3,"open_issues_count":5,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-13T17:55:38.163Z","etag":null,"topics":["ant-design","mendix","mendix-widget","react","treeview"],"latest_commit_sha":null,"homepage":"https://appstore.home.mendix.com/link/app/112707/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mendixlabs.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":"2020-02-03T03:33:41.000Z","updated_at":"2022-02-11T10:43:19.000Z","dependencies_parsed_at":"2023-01-27T17:31:27.117Z","dependency_job_id":null,"html_url":"https://github.com/mendixlabs/mendix-tree-view","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/mendixlabs/mendix-tree-view","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mendixlabs%2Fmendix-tree-view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mendixlabs%2Fmendix-tree-view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mendixlabs%2Fmendix-tree-view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mendixlabs%2Fmendix-tree-view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mendixlabs","download_url":"https://codeload.github.com/mendixlabs/mendix-tree-view/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mendixlabs%2Fmendix-tree-view/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262964057,"owners_count":23391943,"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","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":["ant-design","mendix","mendix-widget","react","treeview"],"created_at":"2025-07-01T12:39:37.980Z","updated_at":"2025-07-01T12:39:45.157Z","avatar_url":"https://github.com/mendixlabs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Apache License](https://img.shields.io/badge/license-Apache%202.0-orange.svg)](http://www.apache.org/licenses/LICENSE-2.0)\n[![Support](https://img.shields.io/badge/Support-Community%20(no%20active%20support)-orange.svg)](https://docs.mendix.com/developerportal/app-store/app-store-content-support)\n![WM](https://img.shields.io/badge/Webmodeler%20compatible-NO-red.svg)\n[![Studio](https://img.shields.io/badge/Studio%20version-8.0%2B-blue.svg)](https://appstore.home.mendix.com/link/modeler/)\n[![GitHub release](https://img.shields.io/github/release/JelteMX/mendix-tree-view)](https://github.com/JelteMX/mendix-tree-view/releases/latest)\n[![GitHub issues](https://img.shields.io/github/issues/JelteMX/mendix-tree-view)](https://github.com/JelteMX/mendix-tree-view/issues)\n[![Available](https://img.shields.io/badge/Test%20Project-available-green.svg)](https://github.com/JelteMX/widget-test-projects)\n\n# Tree View for Mendix\n\nMendix Tree View widget using [Ant Design Table](https://ant.design/components/table/) (MIT License).\n\n![logo](/assets/AppStoreIcon.png)\n\nShow a Tree structure in your Mendix project\n\n![screenshot](/assets/screenshot.png)\n\n\u003e See test-project [https://treeview-react-sandbox.mxapps.io/](https://treeview-react-sandbox.mxapps.io/) for a live demo! The test-project itself can be downloaded [here](https://github.com/JelteMX/widget-test-projects#tree-view)\n\n\u003e Missing features? See TODO at the bottom to see which items are still on the TODO list. If you find other bugs, please report this as an issue [here](https://github.com/JelteMX/mendix-tree-table/issues)\n\n## Features\n\n- Display a tree structure in a tree view\n- Data Sources: XPath, Microflow, Nanoflow\n- Load a complete tree structure\n- Two patterns: Node-Parent or Node-Children\n- Load children over reference, xpath or nanoflow\n- On Click events\n- Drag \u0026amp; Drop (Node-Parent)\n- State management (keep treestructure expansion in browser storage)\n-\n- **Experimental** Client side search (Only on loading a complete tree)\n\n\u003e This widget is about 300Kb uncompressed, so in your cloud deployment this widget should take about 83 Kb of network resources\n\nTested:\n\n- IE11 \u0026 Edge\n- Chrome\n- Firefox\n- Safari\n\n## Basic Configuration\n\n### 1. Data Source\n\n![settings](/assets/settings1.png)\n\n### 2. Data\n\n![settings](/assets/settings2.png)\n\n- You can choose to load a complete tree, or partial\n- The rest of the settings are self-explanatory\n\n### 3. Relation\n\n![settings](/assets/settings3.png)\n\n\n### 4. UI\n\n![settings](/assets/settings4.png)\n\n- Note: You can now also set the class name of a node with an attribute\n\n### 5. Drag \u0026 Drop\n\n![settings](/assets/settings5.png)\n\n- Drag \u0026amp; Drop is only enabled for objects with a parent relation\n- The widget will do the changes on the object by itself\n\n### 6. Search (experimental)\n\n![settings](/assets/settings6.png)\n\n- This feature is highly experimental and might be subject to change in future releases\n- It requires another helper entity, which will be used in calling a Nanoflow\n- The helper entity has a reference set of all the objects that are loaded, and the search query. It is up to you to create a Nanoflow that returns a list of objects to be shown (act as a filter)\n\n### 7. Misc\n\n- This deals with state management and exposing an external method to select an item\n\n### 8. Events\n\n![settings](/assets/settings7.png)\n\n## Demo project\n\n[https://treeview-react-sandbox.mxapps.io/](https://treeview-react-sandbox.mxapps.io/)\n\n### Domain model\n\n![domain](/assets/domain.png)\n\n- This is an example of the domain model used in our test-project\n- **Note: Only use one type of relation! Either Node-Parent or Node-Children!** This domain model features both, as cwe reate two types of sets of nodes to show all capabilities\n\n## Issues, suggestions and feature requests\n\nPlease report your issues [here](https://github.com/JelteMX/mendix-tree-view/issues)\n\n## TODO\n\nThese are action items on the list for future releases\n\n- WebModeler preview\n- Draggable NodeChildren\n- On DragChange mf/nf\n- Automated unit tests \u0026 CI/CD pipeline\n\n## License\n\nApache 2\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmendixlabs%2Fmendix-tree-view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmendixlabs%2Fmendix-tree-view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmendixlabs%2Fmendix-tree-view/lists"}