Comments (8)
Thanks @fritz-c
Could you please also share some guidance on how to use nodeContentRenderer?
Thanks
from react-sortable-tree.
Sorry, I did not see the prompt react-sortable-tree.js
. Everything cool
from react-sortable-tree.
Hi @batazor ,
Actually I am geting some difficulty to understand react-sortable-tree.js
.
So can you please provide some code snippet to use nodeContentRenderer
.
Thanks,
from react-sortable-tree.
@anil1712 As an example https://gist.github.com/batazor/df66fb09d7c963755e38454f85c65591
Take as an example of a component https://github.com/fritz-c/react-sortable-tree/blob/5f29231db2a1f32f1e04aca634778a11f6449f66/src/node-renderer-default.js
from react-sortable-tree.
@fritz-c and @batazor I am having the Tree Data in below format. (eg. {name: ..., users: [ ... ]}
)
My JSON format:
[ { 'id': '1', 'name': 'Value1', 'users': [ { 'name': 'Value2', }, { 'name': 'Value3', 'users': [ { 'name': 'Value4', } ] }, { 'name': 'Value4', 'users': [ { 'name': 'Value5', } ] }, { 'name': 'Value5', }, { 'name': 'Value6', 'users': [ { 'name': 'Value7', } ] } ] } ]
Can you please tell me what is the best way to convert it into required TreeData format
(like {title: ..., children:[ ... ]}
)
Can I use nodeRenderer
to render the tree without changing the JSON key
or else I have to change the format of my JSON?
@fritz-c Please provide some suggestion.
Thanks.
from react-sortable-tree.
@fritz-c can you please provide some snipped for nodeContentRenderer
to render any kind of JSON format.
Please help me to out of it.
from react-sortable-tree.
@anil1712 Did you figure this out? I need some help too on this
from react-sortable-tree.
@fgiarritiello please check out #53 for the answer to anil1712's question.
from react-sortable-tree.
Related Issues (20)
- How to use props with redux ? HOT 1
- React version dependency issue HOT 5
- how to make search nodes only starting from one node which we clicked ?
- Is it possible to make the react sortable tree ui less big with a setting : sm, md, bg ?
- React dnd upgrade HOT 2
- How to customize move handler? 🤔 HOT 2
- div is fadeout when drag
- Insert node at specific index under parent node.Iindex HOT 1
- It is possible to use a node as ReactRef() ? HOT 1
- Give Children another label/property name
- Failed to minify the code error HOT 2
- getTreeFromFlatData set rootKey as null
- Support multiple dragging
- Option to snap automatically to nearest possible level HOT 1
- Support React 18 HOT 1
- new child is added to the parent when collapsing the parent HOT 1
- Using the react-sortable-tree in react 18 HOT 4
- is it possible to display the tree as a vertical tree diagram?
- About maintenance of this library
- Could not resolve dependency: React 18 with [email protected] HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-sortable-tree.