search

bumbeishvili / org-chart

Highly customizable org chart. Integrations available for Angular, React, Vue
https://stackblitz.com/edit/web-platform-o5t1ha
MIT License
927 stars 330 forks source link

Adding a node that its input typed from the user in a form #277

Closed Splashx0 closed 1 year ago

Splashx0 commented 1 year ago

Please how can i add a button on every node when i click on this button a form appears to the user to write data to make the new node

bumbeishvili commented 1 year ago

Hi, I think there was a similar questions asked already, suggest to look for them and link here in case others are also end up here

Splashx0 commented 1 year ago

yeah its the same probleme as issue #125 but i didnt find a solution :( i really need that

bumbeishvili commented 1 year ago

Do you need for to be updatable in the actual org chart or just a modal after button is clicked?

Splashx0 commented 1 year ago

after i click on a node it displays me a modal input to put the user inforamtion then click on submit so it add the new node

Splashx0 commented 1 year ago

please how can i solve this :( i need it for my graduation project and im stuck for 3 days

marcellino-ornelas commented 1 year ago

@Splashx0 Is the issue that when after filling out your form information the new node doesn't appear? or whats happening exactly. Can you paste the error and a snippet? or Do you have a repo somewhere where I can see the code?

Using react and this library could be a little difficult when trying to mix the two states together. have you seen this Stackblitz yet?

https://stackblitz.com/edit/d3-org-chart-react-integration-hooks-hdgvst?file=index.js,OrgChart.js,Counter.tsx

its using react and has adding node ability already integrated

Splashx0 commented 1 year ago

@Splashx0 Is the issue that when after filling out your form information the new node doesn't appear? or whats happening exactly. Can you paste the error and a snippet? or Do you have a repo somewhere where I can see the code?

Using react and this library could be a little difficult when trying to mix the two states together. have you seen this Stackblitz yet?

https://stackblitz.com/edit/d3-org-chart-react-integration-hooks-hdgvst?file=index.js,OrgChart.js,Counter.tsx

its using react and has adding node ability already integrated

hello I already fix it , thank you man for your effort

marcellino-ornelas commented 1 year ago

Just in case anyone else wants to do something similar 😃

https://stackblitz.com/edit/d3-org-chart-react-integration-hooks-fhqcje?file=index.js,OrgChart.js,Counter.tsx