Hi,

You could add a Diagrams table with "id" and "diagram" fields to hold the fullly saved diagram, and Nodes table with id, text, diagramId fields to contain relational data about nodes. Then if you generate typed data adapters, you could implement saving to database like this:

protected void btnSave_Click(object sender, EventArgs e)
{
	if (!String.IsNullOrEmpty(tbFileName.Text))
	{
		string diagramId = tbFileName.Text;
		string diagramString = diagramView.Diagram.SaveToString();

		DiagramsTableAdapter diagAdapter = new DiagramsTableAdapter();
		DiagramsSet.DiagramsDataTable diagTable = diagAdapter.GetDataBy(diagramId);
		if (diagTable.Rows.Count == 0)
			diagAdapter.Insert(diagramId, diagramString);
		else
			diagAdapter.UpdateQuery(diagramString, diagramId);

		NodesTableAdapter nodeAdapter = new NodesTableAdapter();
		nodeAdapter.DeleteQuery(diagramId);
		foreach (DiagramNode node in diagramView.Diagram.Nodes)
		{
			ShapeNode shapeNode = node as ShapeNode;
			if (shapeNode == null)
				continue;

			nodeAdapter.Insert(shapeNode.Tag.ToString(), shapeNode.Text, diagramId);
		}
	}
}
 

Here is the complete example along with some code to load a diagram and refresh nodes from their db table data:
https://mindfusion.eu/_samples/netdiag_SqlServerStore.zip

You should copy the mindfusion.* assemblies to the bin fodler and the .jar file to the site's folder.

If you are asking how to get an id that's already assigned to the Tag property, you can do that by calling args.getNode().getTag(), e.g.:

function onNodeDoubleClicked(sender, args)
{
	window.open("editnode.aspx?id="+args.getNode().getTag());
}
 

Then editnode.aspx can access the value through the QueryString collection: string id = Request.QueryString["id"];

Try to save the string returned by applet.saveToString() and the node's id as variables in the global scope in your main page, and then access them from the other window through the opener property:

// in the main window
diagramString = applet.saveToString();

// in the other window
diagramString = window.opener['diagramString'];

var applet = <%=diagramView.AppletElement%>;

   
     Hi,

      Iam able to insert the daigramstring in the database.Now Iam getting the errorwhen we are binding the diagramstring to diagramview  at this code .


string diagramString = ds.Tables["Diagram"].Rows[0]["DiagramID"].ToString() ;
                   diagramView.Diagram.LoadFromString(diagramString);

The Error Is:

The magic number in GZip header is not correct. Make sure you are passing in a GZip stream.

Can u please let me know how to handle this error.

  hi
      Iam getting the xml file and i want save it in another window so i want to send this daigaram string xml file to another window.But iam getting this error while iam sending this one to another window.Here is the code

var applet = <%= diagramView.AppletElement %>;
var diagram = applet.getDiagram();

// Base64 = 1;
// Xml = 2;
// CompressedXml = 3;
var xml = diagram.saveToString(2, true);
//<%=diagramView.AppletElement%>.getDiagramView().beginEdit(node);
// var diagram = <%=diagramView.AppletElement%>.getDiagram();
// var applet = <%=diagramView.AppletElement%>;
//    var  diagramString = applet.getDiagram().saveToString(/*CompressedXml*/ 3, true);
//var ddlReport = document.getElementById("<%=listFileNames.ClientID%>");
var Text = document.getElementById("txtUniqueid").value;
//var Value = ddlReport.options[ddlReport.selectedIndex].value;



//  myRef = window.open('Windows.aspx?UniqueId=' + document.getElementById("txtUniqueid").value + '?DiagramId= ' + diagramString + '?DiagramFile= ' + Text,'mywin',

//'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');

myRef = window.open('Windows.aspx?UniqueId=' + document.getElementById("txtUniqueid").value + '?DiagramFile= ' + Text + '?DiagramId= ' + xml,'mywin',

'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');


The error is:

A potentially dangerous Request.QueryString value was detected from the client (UniqueId="...one="no"?><Diagram Version="13...").


Can u please suggest in this one