I am new to this, and just trying to test the controls for a project.

I have managed to get a diagram on the page, and I am able to create shapes or links.

What I would like to do is have a list of shapes, and the user selects the shape he wants from this list. So I click on the little blue arrow on the diagram, and select Add Extenders. From here, I add a ShapeListBox extender.

When I run this, I get the following error (I have pasted only the first 3 lines):
[NullReferenceException: Object reference not set to an instance of an object.]
MindFusion.Diagramming.WebForms.ShapeListBoxExtender.GetScriptDescriptors(Contro
l targetControl) +303
System.Web.UI.ExtenderControl.System.Web.UI.IExtenderControl.GetScriptDescriptor
s(Control targetControl) +10
System.Web.UI.ScriptControlManager.RegisterScriptDescriptors(IExtenderControl extenderControl) +232



Here is my source code. Can someone help me?


<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>



<ndiag: DiagramView ID="diagView" runat="server" Height="500px" Width="750px"


Behavior="DrawShapes"


AllowInplaceEdit="true"


LinkCreatedScript="onLinkCreated"


LinkCreatingScript="onLinkCreating" DelKeyAction="DeleteSelectedItems">


<Diagram BackBrush="s:#FFFFFFFF"


LinkHeadShape="Triangle"


AllowUnconnectedLinks="True" />

</ndiag: DiagramView>




<ndiag:ShapeListBoxExtender ID="diagView_ShapeListBoxExtender"

runat="server" TargetControlID="diagView" />




<asp:Button ID="btnLayout" runat="server" Text="Layout" Width="200px" />



<asp:Button ID="btnExportPdf" runat="server" Text="Export PDF" Width="200px" />


<asp:HiddenField ID="pdfURL" runat="server" />



<asp:Label ID="lblTest" runat="server"></asp:Label>


<script>

function onLinkCreated(diagram, args)
{
/*var scriptHelper = < %= diagView.AppletElement % >.getScriptHelper();

// get info about the DiagramLink just created
var link = args.getLink();
var points = link.getControlPoints();
var destPoint = points.get(points.size() - 1);

// create a new ShapeNode
var destNode = diagram.getFactory().createShapeNode(

destPoint.getX() - 12, destPoint.getY() - 7, 24, 14);
destNode.setText("node " + diagram.getNodes().size());
destNode.setBrush(scriptHelper.createSolidBrush(170, 210, 240));

// connect the link to the node and set its properties
link.setDestination(destNode);
link.setDynamic(true);
link.setAllowMoveStart(false);
link.setAllowMoveEnd(false);
link.setBrush(scriptHelper.createSolidBrush(220, 240, 250));*/
}

function onLinkCreating(diagram, args)
{/*
var link = args.getLink();
var origin = args.getOrigin();

// allow links start only from ShapeNodes
if (!origin.getClass().toString().match("ShapeNode"))

args.cancelDrag();*/
}

function onLoad()
{/*
var url = document.getElementById("pdfUrl");
if (url.value != "")
{

window.open(url.value);

url.value = "";
}*/
}

</script>

Hi Stoyo,

Thank you for the reply. From the code I posted, you can see that the TargetControlID has been set to the id of the DiagramView control.

I am trying to get this working in Java as I believe this is the one that looks and works the best.

So I am still stuck, and not sure what I am doing wrong.

There's no property in the server-side component for setting the listbox orientation, but it seems the base JList Java class supports some kind of horizontal orientation. Try calling this from the AppletStartedScript on the client:

shapeList.setVisibleRowCount(1);   
shapeList.setLayoutOrientation(2 /*JList.HORIZONTAL_WRAP*/);   

I hope that helps,
Stoyan

Hi,

This should work:

var applet = <%= shapeList.AppletElement %>;
var shapeList = applet.getShapeListBox();
shapeList.setVisibleRowCount(1);
shapeList.setLayoutOrientation(2 /*JList.HORIZONTAL_WRAP*/);
 

I hope that helps,
Stoyan

You will need this version of the jar file for running FlowchartLayout:
https://mindfusion.eu/_temp/applet_flowcharthelper.zip

It adds a ScriptHelper.createFlowchartLayout method that you could use like this:

function onLinkCreated(sender, args)
{
	var applet = <%= diagramView.AppletElement %>;
	var diagram = applet.getDiagram();
	var script = applet.getScriptHelper();

	var layout = script.createFlowchartLayout();
	layout.arrange(diagram);
} 

As for when to call what member, check the Tutorial, PdfExporter and OrgBrowser sample projects. They show how to handle events and apply layouts in Java mode.

I hope that helps,
Stoyan

Check this: http://mindfusion.eu/Forum/YaBB.pl?board=netdg_disc;action=display;num=131295704....

Regards,
Meppy