How to display different picture inside palette?

GoJS
1

excuse me, i want to make a planogram and i want to display different picture inside pallete based on myDiagram.model. but i’m still get the same picture

i’m following here for my planogram. If any one have an idea to help I really appreciate it because I need it so much, and thanks to all.

2

You’ll want to use data binding, GoJS Using Models -- Northwoods Software and GoJS Data Binding -- Northwoods Software.

I suggest that you understand some of the samples that show images by using Pictures. You can start with Get Started with GoJS, but also look at the node templates in Org Chart Editor and Beat Paths and Shop Floor Monitor

3

Thanks walter. now each shape have a different image but the image displayed is always cut off. I have read here and used imageStretch: go.GraphObject.Fill but my image still cut off. here is my code

$(go.Picture, { margin: 2, width: 30, height: 30, background: null, imageStretch: go.GraphObject.Fill },
new go.Binding("source")),

myPalette = $(go.Palette, "myPalette", { 
	nodeTemplate: myDiagram.nodeTemplate,
	groupTemplate: myDiagram.groupTemplate,
	layout: $(go.GridLayout)
});
	
var item = [];

	<?php while($row = db_fetch($result)) { ?>''
	      var c = {key: "g", size: "100 100", source: ""+<?php echo $row['image']?>+""}
	      item.push(c);
	<?php } ?>
		
myPalette.model = new go.GraphLinksModel(item);
4

It depends entirely on all of the Panels the Picture is in.
http://gojs.net/latest/intro/sizing.html

5

Hmm, is it possible to binding data from GraphLinksModel to nodeTemplate? Here is the picture. I want to replace width and height image by size attribut.

databinding.png1366×768 68.3 KB

6

GraphObject.desiredSize, GraphObject | GoJS API, is the same as both the GraphObject.width and GraphObject.height properties together.

So you should bind the desiredSize property instead of trying to bind both width and height.

7

forgive me, what i mean is the value. i’m using php to generate dynamic data and save to size atribut. and i want atribut (width & height) picture have same value with size atribut. is it possible?

i hope you understand. thanks

8

I suggest that you do exactly what I said: add:

    new go.Binding("desiredSize", "size")

to that Picture GraphObject that is in your Node template (Diagram.nodeTemplate).

Please read GoJS Using Models -- Northwoods Software and GoJS Data Binding -- Northwoods Software.