HomeCommunityControl GalleryCharting ControlsBar ChartsMindFusion.WebForms Pack

MindFusion.WebForms Pack



Submit a Review

33 Downloads

1,196 Views


Description

A pack of MindFusion's advanced diagramming, scheduling and charting components for ASP.NET. The controls can be used in many types of business applications that need to visualize process management, resource planning, organizational structures, etc. The Calendar control can be used to present calendars, timetables and resource tables to users and let them edit the schedule information interactively. The appearance of appointments can be customized through ASP.NET templates. The Diagram control provides intuitive user-interaction model for creating or editing flow diagrams. In addition, its programmatic interface places at your disposal many useful functions, ranging from printing and XML serialization to path-finding and automatic layout algorithms. Additional controls in the package implement overview and toolbox that can be used with the diagram. The Chart control supports bar, pie, area, line and radar charts. Each of them can be fully customized via the hundreds properties and methods exposed. All controls support data-binding for fast database reports.

Syntax Example

<ndiag:DiagramView id="fc" runat="server" height="550px" TreeExpandedScript="onTreeExpanded" Width="750px"> <Diagram AutoResize="RightAndDown" DefaultShape="Rectangle" ShapeHandlesStyle="DashFrame" /> </ndiag:DiagramView> ... var clickedParent; function onTreeExpanded(sender, args) { var parentNode = args.getNode(); if (parentNode.getOutgoingLinks().size() == 0) { clickedParent = parentNode; setTimeout("callService()", 1); } else { var fcApplet = <%= fc.AppletElement %>; layoutTree(fcApplet); } } function callService() { // explicitly convert the box text to a JavaScript string object var parentText = new String(clickedParent.getText()).valueOf(); Samples.OrgService.GetChildren( parentText, onGotNames, onFailed); } function onGotNames(names) { var fcApplet = <%= fc.AppletElement %>; var dv = fcApplet.getDiagramView(); var d = dv.getDiagram(); dv.suspendRepaint(); var i; for (i = 0; i < names.length; ++i) { var box = d.getFactory().createShapeNode(0, 0, 25, 16); box.setText(names[i]); box.setExpandable(true); box.setExpanded(false); var link = d.getFactory().createDiagramLink(clickedParent, box); link.setHeadShape(MindFusion.Diagramming.ArrowHeads.Triangle); link.setHeadShapeSize(3); link.setDynamic(true); } layoutTree(fcApplet); d.resizeToFitItems(5); dv.resumeRepaint(); } function layoutTree(fcApplet) { var fc = fcApplet.getDiagramView().getDiagram(); var tl = fcApplet.getScriptHelper().createTreeLayout(); tl.setNodeDistance(12); tl.setLevelDistance(8); tl.arrange(fc); }

Screenshots

Reviews

Submit a review