how to use onEnd event ?
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 20/100
- Issue type
- Bug
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- javascript, react
- Domain
- frontend
Research direction
Start at the ReactSortable entry point and its onEnd/setList API, then reproduce the provided grouped-list example with two lists. Done means the grouped drag updates the shared columns state once through the supported event flow; no test or source file is named in the issue.
Written by the indexing model from the issue text.
Description
setList not well work with group list,
This is a very common requirement, but react-dragablesjs doesn't work, I think it needs the onEnd event, how do I do it? Also, the main reason might be that he has two setList's to execute, when in reality, only one is needed, like in other sort libraries, and the logic is only done in the onEnd event
const leftColumns = useMemo(() => {
return []
}, [columnsState])
const centerColumns = useMemo(() => {
return []
}, [columnsState])
const setLeftColumns = (list) => {
setColumnsState(newColumnsState)
}
const setCenterColumns = (list) => {
setColumnsState(newColumnsState)
}
<ReactSortable
animation={150}
group="shared-group-name"
list={leftColumns}
setList={setLeftColumns}
></ReactSortable>
- Dominant language
- JavaScript
- Stars
- 9.3k
- Forks
- 1k
- Avg merge
- 3d 8h
- Merged PRs (30d)
- 4
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from react-grid-layout/react-draggable
-
Difficulty 3/5 1-2 days Newbie friendliness 72/100
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
react-grid-layout/react-draggable#784 · 4 comments · 2 reactions ·
-
Difficulty 3/5 1-2 days Newbie friendliness 45/100
react-grid-layout/react-draggable#782 · 1 comment ·
-
Difficulty 3/5 1-2 days Newbie friendliness 25/100
react-grid-layout/react-draggable#781 · 1 comment · 2 reactions ·
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
react-grid-layout/react-draggable#780 · 8 comments ·
All issues in react-grid-layout/react-draggable
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
Difficulty 1/5 Under an hour Newbie friendliness 90/100
TheOdinProject/curriculum#31423 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
WGBH-MLA/dream-aapb#69 ·
-
Difficulty 1/5 1-3 hours Newbie friendliness 78/100
Mintplex-Labs/anything-llm#6490 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 86/100
openlayers/ol-cesium#1364 ·