Hi,

You could assign custom objects to the Tag property of items. You will have to handle the SerializeTag and DeserializeTag events in order to preserve the Tag values between postbacks.

I hope that helps.
Stoyan

The custom fields in Visio are a simple hashtable, aren't they. You might store such values in a Dictionary<string, string> or Dictionary<string, Object>, and then assign that Dictionary to DiagramItem.Tag.

Stoyan

For example

DiagramItem item = diagram.ActiveItem;

Dictionary<string, string> customProps = new Dictionary<string, string>();
customProps["prop1"] = "value1";
customProps["prop2"] = "value2";

item.Tag = customProps; 

Stoyan

Hi
Thank you for your reply.But i am not getting required output.i am getting some erros.my requirement is when client rightclick on a shape client need to get a tag like CustomProperties.After clicking on Custom Properties it will allow client to enter values of cost and status.he need to save those values  and retrive those values when ever he wants.so can you plaese help me in this  here i am attching my code,thank you so much for your time

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.IO;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

using MindFusion.Diagramming;
using MindFusion.Diagramming.WebForms;
using System.Collections.Generic;
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
	  if (!IsPostBack)
	  {
		Diagram diagram = diagramView.Diagram;
		diagram.SelectAfterCreate = false;

		ShapeNode start = diagram.Factory.CreateShapeNode(10, 10, 20, 15);
		start.Shape = Shapes.Start;
		start.Text = "Start";



		//DiagramItem item = diagram.ActiveItem;

		//Dictionary<string, string> customProps = new Dictionary<string, string>();
		//customProps["prop1"] = "Example";
		//customProps["prop2"] = "Example1";

		start.Tag = "Example";
	  }
    }

    protected override void OnPreRender(EventArgs e)
    {
	  base.OnPreRender(e);

	  // display the files available for loading
	  listFileNames.Items.Clear();
	  string localDir = MapPath(@"Files\");
	  DirectoryInfo dir = new DirectoryInfo(localDir);
	  foreach (FileInfo fileInfo in dir.GetFiles())
		listFileNames.Items.Add(fileInfo.Name);
    }

    protected void btnSave_Click(object sender, EventArgs e)
    {
	  if (!String.IsNullOrEmpty(tbFileName.Text))
	  {
		string localDir = MapPath(@"Files\");
		diagramView.Diagram.SaveToFile(localDir + tbFileName.Text);
	  }
    }

    protected void btnLoad_Click(object sender, EventArgs e)
    {
	  if (!String.IsNullOrEmpty(listFileNames.SelectedValue))
	  {
		string localDir = MapPath(@"Files\");
		diagramView.Diagram.LoadFromFile(localDir + listFileNames.SelectedValue);
	  }
    }
}
diagram.SerializeTag += new SerializeTagEventHandler(diagram_SerializeTag);
void diagram_SerializeTag(object sender, SerializeTagEventArgs e)
{
Dictionary<string, string> table = (Dictionary<string, string>)e.Tag;
string[] serialized = new string[table.Count * 2];
int c = 0;
foreach (KeyValuePair<string, string> p in table)
{
serialized[c++] = p.Key;
serialized[c++] = p.Value;
}
e.Context.WriteString(String.Join(";", serialized), "hashtable", e.Representation);
}




 

i dont know how to add a tag to shape and how can i get my required ..if you have can you send me complete code

Thanks for your reply.

My clinetside mode is javaapplet

sorry to bother you

E.g. you can implement a context menu using a table like this:

var menu = null;
var currentNode;
function showContextMenu(node, mousePos)
{
	var applet = <%= diagramView.AppletElement %>;
	var scriptHelper = applet.getScriptHelper();
	var diagView = applet.getDiagramView();
	var diagram = diagView.getDiagram();

	currentNode = node;
	if (!menu)
	{
		menu = diagram.getFactory().createTableNode(mousePos.getX(), mousePos.getY(), 20, 20);
		menu.setRowCount(2);
		menu.setColumnCount(1);
		menu.getCell(0, 0).setText("Delete");
		menu.getCell(0, 1).setText("Properties");
		menu.setCaptionHeight(0);
		menu.setCaption("");
		menu.resizeToFitText(true);
		menu.setCellFrameStyle(1);
		menu.setBrush(scriptHelper.createSolidBrush(255, 255, 255));
	}
	else
	{
		menu.setVisible(true);
		menu.moveTo(mousePos.getX(), mousePos.getY());
	}
} 

Next, add a CellClickedScript function that looks like this:

function onCellClicked(sender, args)
{
	menu.setVisible(false);
	if (args.getCell().getText() == "Properties")
	{
		// todo: display the currentNode properties in the UI
		alert("clicked");
	}
}
 

It is up to you to display the properties in some kind of grid. You might use a TableNode for this too.

On the client side the custom properties could be stored in a JavaScript array, and you must serialize and deserialize them in a similar manner as the server side Dictionary through SerializeTagScript and DeserializeTagScript handlers.