Grid. Edit modev: dialog template edit form.

[egor]

Hello Sycfusion.

Thank you for you hard job.

I have some troubles when usin your Grid (MVC). When I try to use Dialog template for grid rows editing, I get an JS-error:

jquery.easing.1.3.min.js:44 Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a functionswing @ jquery.easing.1.3.min.js:44run @ jquery-2.1.4.min.js:3i @ jquery-2.1.4.min.js:3n.fx.timer @ jquery-2.1.4.min.js:3Xa @ jquery-2.1.4.min.js:3g @ jquery-2.1.4.min.js:3dequeue @ jquery-2.1.4.min.js:3(anonymous function) @ jquery-2.1.4.min.js:3each @ jquery-2.1.4.min.js:2each @ jquery-2.1.4.min.js:2queue @ jquery-2.1.4.min.js:3animate @ jquery-2.1.4.min.js:3open @ ej.web.all.min.js:10_renderControl @ ej.web.all.min.js:10_init @ ej.web.all.min.js:10(anonymous function) @ ej.web.all.min.js:10n.fn.(anonymous function) @ ej.web.all.min.js:10_add @ ej.web.all.min.js:10sendDataRenderingRequest @ ej.web.all.min.js:10_processBindings @ ej.web.all.min.js:10_startAdd @ ej.web.all.min.js:10_toolbarOperation @ ej.web.all.min.js:10_toolBarClick @ ej.web.all.min.js:10_trigger @ ej.web.all.min.js:10_onItemClick @ ej.web.all.min.js:10dispatch @ jquery-2.1.4.min.js:3r.handle @ jquery-2.1.4.min.js:3

And dialog form is not showing. 

I try to switch to dialog form without template. But there is the same result. 

Could you help me with this?

Thank you,

Egor.

  @(Html.EJ().Grid<WizzartBuyer.Models.Client.OrganizationModel>("OrganizationGrid")

      .Datasource(ds => ds.Json(Model.GetOrganizationsList())

            .UpdateURL("/PersonalArea/Update")

            .RemoveURL("/PersonalArea/Delete")

            .InsertURL("/PersonalArea/Insert")

            .Adaptor(AdaptorType.RemoteSaveAdaptor))

      .AllowSorting() /*Sorting Enabled*/

      .EditSettings(edit => { edit.AllowAdding().AllowDeleting().AllowEditing().EditMode(EditMode.Dialog); })

      .ToolbarSettings(toolbar =>

      {

        toolbar.ShowToolbar().ToolbarItems(items =>

        {

          items.AddTool(ToolBarItems.Add);

          items.AddTool(ToolBarItems.Edit);

          items.AddTool(ToolBarItems.Delete);

          items.AddTool(ToolBarItems.Update);

          items.AddTool(ToolBarItems.Cancel);

        });

      })

      .Columns(col =>

      {

        col.Field("Id").HeaderText("Id").IsIdentity(true).IsPrimaryKey(true).Visible(false).Width(75).Add();

        col.Field("Name").HeaderText("Name").Width(80).Add();

        col.Field("Address").HeaderText("Address").Visible(false).Width(80).Add();

        col.Field("Telephone").HeaderText("Telephone").Visible(false).Width(80).Add();

        col.Field("Email").HeaderText("Email").Visible(false).Width(80).Add();

        col.Field("Site").HeaderText("Site").Visible(false).Width(80).Add();

      }))

[egor]

I found the same troubles at StackOverflow:

http://stackoverflow.com/questions/11533168/jquery-easingjquery-easing-def-is-not-a-function

But I don't know how that solution can be used in my case.

[egor]

I use the last your release 2016.2

[Prasanna Kumar Viswanathan]

Hi Egor, 

Thanks for contacting Syncfusion support. 

We checked with our sample with editmode as dialog and we unable to reproduce the mentioned issue in our sample. According to the stackoverflow, we suspect that you have refer jQuery more than once in your sample. So, please ensure that you have not refer the jQuery more than once in your sample. 

If still the issue is reproduced, confirm the following details 

1. Ensure that you have refer the script files in the below format 

    <link rel='nofollow' href="~/Themes/flat-saffron/ej.widgets.all.min.css" rel="stylesheet" /> 

    <script src="~/Scripts/jquery-2.1.4.min.js"></script> 

    <script src="@Url.Content("~/Scripts/jquery.easing-1.3.min.js")"></script> 

    <script src="@Url.Content("~/Scripts/jsrender.min.js")"></script>    

    <script src="@Url.Content("~/Scripts/jquery.validate.js")"></script> 

    <script src="@Url.Content("~/Scripts/jquery.globalize.min.js")"></script> 

    <script src="@Url.Content("~/Scripts/ej.web.all.min.js")"></script> 

    <script src="@Url.Content("~/Scripts/ej.unobtrusive.min.js")"></script> 

2. Did you face the mention issue on initial rendering of Grid? 

3. Share the bundle config or Layout.cshtml page in which the script files have been referred in your sample.  

Sample: http://www.syncfusion.com/downloads/support/forum/125063/ze/EJGrid-2857775 

Regards, 

Prasanna Kumar N.S.V 

 

[egor]

Thank you very much!

It was my meastake. 

I insert syncfusion to already created MVC5-project. 

After your suggest I review _Layout.cshtml and 

at the bottom I found:

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

It was generated by VS wizard. I comment it and dialog edit form start works well.

Best regards, guys!

Thank you!

[Prasanna Kumar Viswanathan]

Hi Egor,
 
We are happy to hear that your issue has been resolved. 

Please let us know if you need any further assistance. 

 
Regards, 

Prasanna Kumar N.S.V