Comments (2)
i have taken a small 'todo app' from code-pen and integrated it with lmdd
you can find the modified example here:
https://codepen.io/supraniti/pen/OZZGeB
and the original pen is here:
https://codepen.io/marekdano/pen/bVNYpq
integration steps:
- i added a ref on the app main render function (ref="lmdd")
this is for accessing the dom element and setting up the lmdd instance - i added the setup functin and an event listener on componentDidMount() hook
using the ref from step 1 to locate the dom element,
initializing lmdd instance with my desired settings - this is enough for the drag and drop functionality to take place, but we also want to update the component state after each succesful drag event, so i also added an event listener and a callback function to update the component state after each succesful drag operation
and that's about it...
from lean-mean-drag-and-drop.
Iām also curious about integrating with React
Angular and React integration is pretty much the same, examples will be added to this section later on.
The readme mentions examples will be added later on. In the meantime, a quick codesandbox would be really helpful if anyone could whip one up š
from lean-mean-drag-and-drop.
Related Issues (17)
- How does this compare to other libraries? HOT 9
- What should we do if we use input element in container? HOT 1
- Drag and drop within positioned parent. HOT 1
- have error in webpack HOT 1
- add npm module
- How to disable parent containers from being dropped into each other but allow it's children. HOT 3
- Alter / remove ghost animation ? HOT 8
- Library doesn't work in Internet Explorer
- question
- Document classes HOT 1
- Feature request: customisable classes
- Reordering elements is too precise HOT 4
- Feature request: ability to tell when an item is over another container HOT 2
- Feature request: ability to disable reordering / moving of original element HOT 3
- First demo example not working with touch in a few browsers HOT 3
- Auto-scroll only cares about window/body scroll 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 lean-mean-drag-and-drop.