@Herndl wrote:
Hello,
I'm working on a project for a client, which strongly builds up on your exmaple 'seatingChart'. I'm writing a custom ResizingTool, where the tables can be resized and the amount of seats will be calculated automatically.
Here is my template:
GO(go.Node, "Spot",
{ name: 'TABLEGROUP' },
{
background: "transparent",
locationObjectName: "TABLESHAPE",
locationSpot: go.Spot.Center,
rotatable: true,
resizable: true,
resizeObjectName: "TABLESHAPE",
layerName: "Background",
selectionAdornmentTemplate: adornmentTemplate,
resizeAdornmentTemplate: adornmentTemplate
},
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
new go.Binding("angle").makeTwoWay(),
GO(go.Panel, "Spot",
GO(go.Shape,
{
name: "TABLESHAPE",
desiredSize: new go.Size(160, 80),
fill: '#877866',
stroke: null,
portId: "TABLESHAPE"
},
new go.Binding("figure", "shape"),
new go.Binding("angle", "angle"),
new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
new go.Binding("fill")),
GO(go.TextBlock,
{
editable: true,
font: "bold 11pt Arial, sans-serif",
stroke: 'white'
},
new go.Binding("text", "name").makeTwoWay(),
new go.Binding("angle", "angle", n => {
return -n;
}))
),
new go.Binding("itemArray", "seats"),
{
itemTemplate: GO(go.Panel, "Spot",
new go.Binding("alignment", "loc", go.Spot.parse).makeTwoWay(go.Spot.stringify),
new go.Binding("alignmentFocus", "focus", go.Spot.parse).makeTwoWay(go.Spot.stringify),
GO(go.Shape, "Circle",
{
name: "SEATSHAPE",
desiredSize: new go.Size(40, 40),
fill: style.unseatedBgColor,
stroke: "white",
strokeWidth: 2
},
new go.Binding("fill")),
GO(go.TextBlock, new go.Binding("text", "name"),
{
font: "10pt Arial, sans-serif",
stroke: style.unseatedFontColor
},
new go.Binding("angle", "angle", n => {
return -n;
}))
)
}
);In every update I clear first the 'seats' from the selected table with
diagram.model.setDataProperty(part.data, 'seats', []);Then I create a new Array with all seat objects like this:{
"name": "1",
"loc": "0.2 0",
"focus": "0.5 1"
}After the calcualtion I set the new ItemArray again with
diagram.model.setDataProperty(part.data, 'seats', newItemsArray);. Unfortunately the seats are positioned wrong, they irgnore the main table shape.
I also used
diagram.model.insertArrayItem(part.itemArray, i, element);but it also gives me same results without the main table. I tried many ways put nothing seems to work, maybe I miss some NodeData update, DataBinding or something. I would really appreciate some help on this, because I stuck with this problem.
Posts: 3
Participants: 2
