treejs
treejs copied to clipboard
daweilv
A lightweight tree widget, compatible with VanillaJS / React / Vue. Tiny size after gzip. Zero dependence.
Support RTL layout and radio button option, so the tree can be rendered as a single selectable tree.
myTree.collapseAll is not a function const myTree = new Tree(...); myTree has no definition for collapseAll
Is it possible to have the tree use regular checkboxes to allow developers to style the checkboxes with packages like [pretty checkbox](https://lokesh-coder.github.io/pretty-checkbox/)?
I believe this to be a bug, but if not, please could you explain the correct use? I get a collection of data (not through jstree ajax) which is in...
Hey, I was wondering how to select only the parent node and deselect all of the children?
Uncaught TypeError: Cannot convert undefined or null to object at Function.entries () at t.default (tree-1.8.3.min.js:1:9571) at d.load (tree-1.8.3.min.js:1:3392) at new d (tree-1.8.3.min.js:1:2846) I try to load from url but url...
Hi This is awesome, a couple of questions. Q1. Is it possible to indicate an icon for open/closed state? Q2. Is is possible to create, update and delete nodes at...
Here is how I got it to work if it helps anyone. css `:root{--text-color:#000;--switcher-color:rgba(0,0,0,.4);--switcher-hover-color:rgba(0,0,0,.65);--checkbox-border-color:#d9d9d9;--checkbox-background-color:#f5f5f5;--checked-color:#1890ff;--disabled-color:rgba(0,0,0,.25);--disabled-border-color:#d9d9d9;--disabled-background-color:#f5f5f5}.treejs{color:var(--text-color)}.treejs .treejs-switcher:before{border-top-color:var(--switcher-color)}.treejs .treejs-switcher:hover:before{border-top-color:var(--switcher-hover-color)}.treejs .treejs-checkbox:before{border-color:var(--checkbox-border-color)}.treejs .treejs-checkbox:hover:before{box-shadow:0 0 2px 1px var(--checked-color)}.treejs .treejs-node__checked>.treejs-checkbox:before{background-color:var(--checked-color);border-color:var(--checked-color)}.treejs .treejs-node__checked>.treejs-checkbox:after{border-color:#fff}.treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--checked-color);border-color:var(--checked-color)}.treejs .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#fff}.treejs .treejs-node__disabled{color:var(--disabled-color)}.treejs .treejs-node__disabled .treejs-checkbox:before{border-color:var(--disabled-border-color)!important;background-color:var(--disabled-background-color)!important}.treejs .treejs-node__disabled...
