Save Not Working: $("#diagram").ejDiagram("instance").save();

8 Replies
2 Participants

Created by
RO Ryan Obbink

Platform
ASP.NET MVC

Platform
ASP.NET MVC

Control
Diagram

Created On
Apr 1, 2015 10:00 PM UTC

Last Activity On
Apr 8, 2015 04:39 PM UTC

Want to subscribe?
SIGN IN

Hi there,

Been stuck for a couple days with trying to get the save function to light up in javascript. Was hoping if I give you the pieces to the puzzle that you could help point me in the right direction. So, here we go:

-----------------------------------------------------------------------------------------------------------------------------------

File: Project.csproj

-----------------------------------------------------------------------------------------------------------------------------------

File: Web.Config

<system.web>

</assemblies>

</compilation>

<pages>

</namespaces>

</pages>

-----------------------------------------------------------------------------------------------------------------------------------

File: Packages.config

<?xml version="1.0" encoding="utf-8"?>

</packages>

-----------------------------------------------------------------------------------------------------------------------------------

File: App_Start/bundleconfig.cs

public static void RegisterBundles(BundleCollection bundles)

{

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(

"~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(

"~/Scripts/jquery.validate*"));

// Use the development version of Modernizr to develop with and learn from. Then, when you're

// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.

bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(

"~/Scripts/modernizr-*"));

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(

"~/Scripts/bootstrap.js",

"~/Scripts/respond.js"));

bundles.Add(new StyleBundle("~/Content/css").Include(

"~/Content/bootstrap.css",

"~/Content/site.css"));

}

-----------------------------------------------------------------------------------------------------------------------------------

File: razorfile.cshtml

ViewBag.Title = "App";

Layout = "~/Views/Shared/_Layout.cshtml";

}

@section headerScripts{

}

@section headerCss{

}

@using (Html.BeginForm("Save", "Diagram", new { id = Model.Id }, FormMethod.Post, htmlAttributes: new { id = "mainWorkflow" }))

{

@Html.AntiForgeryToken()

<p></p>

</div>

@Html.EJ().Diagram("Diagram", ViewData["DiagramModel"] as Syncfusion.JavaScript.DataVisualization.Models.DiagramProperties)

</div>

<div id="symbolpalette_control" class="e-datavisualization-symbolpalette">@Html.EJ().SymbolPalette("SymbolPalette", ViewData["SymbolPaletteModel"] as Syncfusion.JavaScript.DataVisualization.Models.SymbolPaletteProperties)</div>

@Html.EJ().ScriptManager()

}

-----------------------------------------------------------------------------------------------------------------------------------

File: ~/Views/Shared/_Layout.cshtml

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title - App</title>

@Scripts.Render("~/bundles/modernizr")

@Scripts.Render("~/bundles/jquery")

@RenderSection("headerScripts", false)

@RenderSection("scripts", required: false)

@RenderSection("ScriptSection", required: false)

@Scripts.Render("~/bundles/bootstrap")

$(function () {

$('#page').css("min-height", $(document).height());

});

</script>

var diagram = null;

var controlId = "CRUD";

$(document).ready(function (evt) {

//Save Button

$("#btnSave").bind("click", function (e) {

alert("Hit Button Save");

//e.preventDefault(); // <------------------ stop default behaviour of button

alert("Hit Button Save");

var diagram = $("#diagram").ejDiagram("instance");

var jSonResult= diagram.save();

$.ajax({

url: "Diagram/Save",

dataType: 'json',

contentType: "application/json",

data: { id: "1", "stringify": JSON.stringify("hereItIs") },

success: function (Jsonstring) {

alert("Success");

return true;

error: function (xhr, status, error) {

var err = eval("(" + xhr.responseText + ")");

alert(err.Message);

}

});

@Styles.Render("~/Content/css")

@RenderSection("headerCss", false)

</head>

<body>

@Html.Partial("_HeaderPartial")

@RenderSection("SampleHeading", required: false)

@RenderBody()

@Html.Partial("_FooterPartial")

</div>

</body>

</html>

8 Replies

SG Shyam G Syncfusion Team April 2, 2015 12:34 PM UTC

Hi Ryan

Thanks for your update.

Please note that you have set an Diagram’s control id in uppercase in the server side and it is in the lowercase, while accessing in the client side. So we suggest you to set the same id both in server side and the client side in order to resolve your reported issue. Please refer the code snippet below.

Code snippet:

Your Code Snippet:

@Html.EJ().Diagram("Diagram", ViewData["DiagramModel"] as Syncfusion.JavaScript.DataVisualization.Models.DiagramProperties)

$("#btnSave").bind("click", function (e) {

var diagram = $("#diagram").ejDiagram("instance");

var jSonResult = diagram.save();

});
</script>

Modified Code Snippet:

$("#btnSave").bind("click", function (e) {

var diagram = $("#Diagram").ejDiagram("instance");

var jSonResult = diagram.save();

});
</script>

Please let me know if any concerns.

Regards,
Shyam G

RO Ryan Obbink April 2, 2015 01:00 PM UTC

Hey Shyam,

Thanks for getting back so prompt. I wish it was that easy, but no dice. See screen shot for what I'm getting in my application.

Thanks.

-Ryan

Attachment: screenshot.nosave.nointellisense_64cb8c91.zip

SG Shyam G Syncfusion Team April 3, 2015 11:50 AM UTC

Hi Ryan

Thanks for your update.

Before looking into your requirement, Could you please confirm whether “save” API is not working at your end or “intellisense” is not working for diagram API save method ?

Please let me know if any concerns.

Regards,
Shyam G

RO Ryan Obbink April 3, 2015 03:30 PM UTC

Hey Shyam,

I am going to end this thread for now. I believe the answers needed can be found in my newest thread:

Error in Skeleton Solution: ASP.Net MVC 4551 w/ Syncfusion (Diagram and SymbolPalette)

Thanks for all your help.

-Ryan

SG Shyam G Syncfusion Team April 6, 2015 04:39 PM UTC

Hi Ryan

Thanks for your update.

We have forwarded your requirement to our development team for further analysis and will update you with development team response in one business day(7^th March,2015).

Please let me know if any concerns.

Regards,

Shyam G

SG Shyam G Syncfusion Team April 6, 2015 04:46 PM UTC

Hi Ryan

Please ignore our previous update.

We have forwarded your requirement to our development team for further analysis and will update you with development team response in one business day(7^th April,2015).

Please let me know if any concerns.

Regards,

Shyam G

SG Shyam G Syncfusion Team April 7, 2015 05:25 PM UTC

Hi Ryan

Sorry for the delay

We are currently working on your requirement with high priority. We will update you with more information in one business day.(8^th April,2015).

Please let me know if any concerns.

Regards,
Shyam G

SG Shyam G Syncfusion Team April 8, 2015 04:39 PM UTC

Hi Ryan

Thanks for your patience.

We have provided a solution for your query in the forum 118717.please refer the forum 118717 for more details.

Please let me know if any concerns.

Regards,

Shyam G

8 Replies
2 Participants
Want to subscribe?
SIGN IN
Created by
RO Ryan Obbink
Platform
ASP.NET MVC
Control
Diagram
Created On
Apr 1, 2015 10:00 PM UTC
Last Activity On
Apr 8, 2015 04:39 PM UTC

Viewer Component

.NET PDF Processing Library

Conversions

Editor Component

.NET Word Processing Library

Conversions

Editor Component

.NET Excel Processing Library

Conversions

.NET PowerPoint Processing Library

Conversions

Save Not Working: $("#diagram").ejDiagram("instance").save();

Enterprise Solutions

Free Products

Viewer Component

.NET PDF Processing Library

Conversions

Editor Component

.NET Word Processing Library

Conversions

Editor Component

.NET Excel Processing Library

Conversions

.NET PowerPoint Processing Library

Conversions

Learning

Resources

Support

Save Not Working: $("#diagram").ejDiagram("instance").save();