Control diagram constraints and snapSettings programmatically

Question

Hello,I am trying to figure out how to change snapSettings and constraints programmatically on run time.For example, I have a checkbox that when it is checked the gridlines are showen SnapConstraints.ShowLinen), and when not the gridlines are hidden (SnapConstraints.None)Thanks,Eden

Arunkumar Manoharan · Accepted Answer

Hi Eden, 
 
We have added a sample link to demonstrate how to show or hide the gridlines programmatically on run time. In the sample we have used checkbox while its checked gridlines will be shown and while its unchecked gridlines will be hided. Please refer to below code snippet and sample 
code snippet: 




show() { 
    let lock = document.getElementById("lock"); 
    if (lock.checked) { 
      diagramInstance.snapSettings.constraints = SnapConstraints.All; 
    } else { 
      diagramInstance.snapSettings.constraints = SnapConstraints.None; 
    } 
    diagramInstance.dataBind(); 
  } 
 
Sample link: https://stackblitz.com/edit/react-9kqx68-kwyrzg?file=index.js Regards,Arun