Comments (7)
View to restric connections:
from drawflow.
@jerosoler I want to restrict when already one connection from node A to node B and when user try to connect node A to node C at that time node should not be connected. and when user try to add node D after node A then connection should be auto connect like node A to node D and node D to node B .
from drawflow.
With the previous example you can detect when a connection is created and delete it.
In that case you can use the function to delete or create the connections you want.
Use the functions: removeSingleConnection and addConnection
from drawflow.
@jerosoler using this solution i can able to do this. but when i start connection from last node(the node is not connected to other node) then this solution is not working:
editor.on('connectionStart', (e) => {
connectionStartObj =editor.getNodeFromId(e?.output_id);
console.log('connn',connectionStartObj)
})
editor.on('connectionCreated', (info) => {
console.log('datata',connectionStartObj)
console.log('info',info)
if(connectionStartObj?.outputs?.output_1?.connections?.length > 0) {
const nodeInfo = editor.getNodeFromId(info.input_id);
const connections = nodeInfo.inputs[info.input_class].connections;
console.log(connections,nodeInfo)
if (connections.length > 1) {
const lastConnectionIndex = connections.length - 1;
const lastConnection = connections[lastConnectionIndex];
editor.removeSingleConnection(lastConnection.node, info.input_id, lastConnection.input, info.input_class);
connectionStartObj = null;
}
}
})
from drawflow.
In the same way.
With getNodeFromId the node can know what connections it has to other nodes.
You can get the information of the two nodes.
Here you have to use your logic. It could also detect loops...
from drawflow.
Is there any way to detect node where we try to connect.
Ex: Like i have 3 node. Node A , Node B , Node C and i want to try node C to node B then how can i get node B . using connectionStart event i can detect Node C but if i want to get Node B id then??????...
from drawflow.
connectionCreated return { output_id, input_id, output_class, input_class }
from drawflow.
Related Issues (20)
- Suggestion to get exact mouse position
- "view" editor mode disables translate click/drag HOT 2
- Is it possible to create a drawflow connection with a different curvature than the others? HOT 1
- Can we have a before node delete event in angular? HOT 2
- Cannot read properties of undefined (reading 'inputs') HOT 3
- After setting zoom out manually and then zoomrefresh() so the connected lines of each node gets disconnected. HOT 3
- When input type = "password" the node can't be drag from list HOT 4
- [question] How to dynamically add point? HOT 1
- How to lock the full screen nodes and move into the area HOT 1
- Component return click event goes out of the canvas HOT 1
- Mouse gets stuck when leaving parent container HOT 1
- How to do a right click context menu on the connection links HOT 2
- How to place Inputs/Outputs at top & bottom instead of left and right HOT 1
- how can distribute flow in 2 part HOT 4
- Any way to designate True/False outputs for custom nodes? HOT 1
- newest npm package HOT 5
- on Zoom out not able to see all the nodes in single view (Full view) if nodes were more HOT 4
- Reference error in VS Code HOT 3
- Possibility to embed widgets or plots in nodes ? HOT 1
- Draw flow Angular 17 HOT 3
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 drawflow.