Comments (3)
Use: getSelectedNodes()
const selectedElements = instance.getSelectedNodes();
const ids = selectedElements.map(el => el.id);
from selectable.
You can iterate over the items and check their properties:
item.selected // Is item selected
item.selecting // Is item flagged for selection
item.deselecting // Is item flagged for de-selection
So for getting items being de-selected just check if the deselecting
property is true
and return the node's id
if it is:
const ids = instance.items.map(item => item.deselecting ? item.node.id : false).filter(item => !!item);
from selectable.
It worked as expected... Awesome and thanks for your help.
now, is there a way to have a similar function but grab only the ids of the elements which are being de-selected?
something like...
const selectedElements = instance.getUnSelectedNodes(); // getUnSelectedNodes(); ---> ?
const ids = selectedElements.map(el => el.id);
from selectable.
Related Issues (20)
- Ctrl+click not deselecting when selected items reaches maxSelectable
- Integration with react-dnd ?
- lasso position when transform zoom HOT 1
- I am certain there must be an easy way
- General Question: How to improve the scrolling behavior on Mobile devices (iOS & Android)
- Temporary stop when selector starts from inside previously selected elem HOT 1
- Selecting in a calendar
- Lasso positioning issue when using transform HOT 1
- Second shift+click produces unexpected selection HOT 3
- Bug in _highlight
- Usage example as ES6 module?
- Question: "selecting" event, next to "selecteditem" and "deselecteditem" ? HOT 3
- Access to the documentation HOT 1
- cdn.jsdelivr.net : how to hand-pick a version? HOT 1
- init problem - container not assigned correctly? HOT 1
- Documentation: deselect(item) to be added
- handle - how exclude interactive elements HOT 1
- Select shift and drag
- Single selection
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 selectable.