Comments (5)
- What information is inside
prevNode
? - Does this get called while dragging?
- Does this get called right before dropping?
Making some assumptions here, but:
The node itself should remain unchanged, but its parents (and path) will change. I'm pretty confident I could give info on this stuff for a shouldMoveNode
API:
draggedNode // The node being moved
prevPath // the previous (current) location in the tree of the node
prevParentNode // the previous (current) parent node
nextPath // The potential next location in the tree of the node
nextParentNode // The potential next parent of the node
from react-sortable-tree.
The behaviour of this API is the same as prevent the node being moved into deeper in the tree provide by the maxDepth
options. I have found that involved with canDrop
inside drag-and-drop-utils.js
.
The shouldMoveNode
being invoked during the node move should provide helpful information and we could have more flexible option moving nodes around.
Thank you for excellent tree component that hard to be found on the internet.
from react-sortable-tree.
I like the idea with prevPath
/ nextPath
. May be useful.
from react-sortable-tree.
This would be critical for my (probably unusual) application, I actually need to make an ajax call to the server to ensure the move doesn't violate a myriad of business rules before it's allowed to proceed.
One basic example of a rule is to make sure no "siblings" will have duplicate titles after the move proceeds. Others would be based on the business data associated with each node, spanning multiple tables in the DB, which explains the need for an ajax call.
So for us this would need to be called right after dropping as the check depends both on what node is being moved and where it's being moved to. Wouldn't want it to be disabled afterwards either as the user often will update their data to allow it to work the next time.
from react-sortable-tree.
I just released the canDrop
API with version 0.1.13. I think this should help you do what you're trying to do.
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.