1. Home
  2. Forum
  3. Vue
  4. How do i manage state in a node

How do i manage state in a node

As of now I am using shape html and passing a html string as node shape but I need that node component to be a vuejs component so that I can maintain it's state while it is on diagram area.


5 Replies 1 reply marked as answer
GG Gowtham Gunashekar Syncfusion Team February 2, 2021 01:38 PM UTC

Hi sunil, 

We have added a sample to demonstrate how to use the Vue component as html template in the html node 
 
 
If we misunderstood your requirement, please share us more details or replicate the issue in the shared sample. This will be helpful for us to proceed further. 
 
Regards,  
Gowtham 


Marked as answer
SK sunil Kudupudi February 10, 2021 07:03 AM UTC

Hi gowtham,

The above reply was helpful, but how do I use it with a symbol palette or node palette to drag and drop the nodes with state management

GG Gowtham Gunashekar Syncfusion Team February 11, 2021 04:25 PM UTC

Hi sunil,  
 
We are validating your requirement and update you with more details on 14th February 2021. 
 
Regards, 
Gowtham 
 


SK sunil Kudupudi February 18, 2021 11:47 AM UTC

Hi gowtham any updates on this ticket?

GG Gowtham Gunashekar Syncfusion Team February 19, 2021 10:23 AM UTC

Hi Sunil, 
Sorry for the delay. 
We don’t have support to render the complex html template in the symbol palette, however we can able to render the simple HTML nodes in the symbol palate. We can achieve your requirement using the drop event. When a node is drag and drop into the diagram, drop event will trigger, in the event we can cancel the existing node and add the complex HTML node using add API. We have prepared a sample to drag and drop the normal HTML node and add the complex HTML node at drop event. We have used calendar component, but you can use any template as per your requirement. 
  
Regards, 
Gowtham 
 


Loader.
Up arrow icon