How to convert this diagram to add new object on runtime?

[manishverma]

I am new to gojs. I want this diagram to able to add new record objects like in screenshot. Every record object must be able to increase or decrease fields. Every object should be draggable independently. Please help.

Thanks

[walter]

I’m assuming you started your development with the code in the Record Mapper sample, Record Mapper.

@manishverma

I want this diagram to able to add new record objects like in screenshot.

This is basically accomplished within a transaction by making one or more calls to Model.addNodeData, Model | GoJS API.

@manishverma

Every record object must be able to increase or decrease fields.

This is basically accomplished by making one or more calls to Model.addArrayItem, Model.insertArrayItem, or Model.removeArrayItem. Again all modifications must be done within a single transaction.

@manishverma

Every object should be draggable independently.

To allow the user to move nodes, remove the movable: false setting in the node template.

But since you are new to GoJS, if you haven’t already read the following relevant pages, I highly recommend that you do so, probably in this order:

Get Started with GoJS

GraphObject Manipulation

GoJS Introduction -- Northwoods Software

https://gojs.net/latest/intro/buildingObjects.html
https://gojs.net/latest/intro/panels.html
https://gojs.net/latest/intro/tablePanels.html
https://gojs.net/latest/intro/usingModels.html
https://gojs.net/latest/intro/dataBinding.html
https://gojs.net/latest/intro/itemArrays.html

[manishverma]

Thanks you @walter for your reply. I will follow are the instructions. You made things easy.

Thanks alot once again.