Unable to get started on syncfusion controls for ASP.NET MVC

[Paul Dickinson]

Hi,

I am trying to get started on using the sync fusion controls for ASP.NET MVC 5.

I have followed the exact instructions from the following url

http://help.syncfusion.com/aspnetmvc/getting-started#mvc-5-application

I used syncfusion nuget source to download the references.

My application runs fine but I can't get any of the sync fusion controls working. I am attaching a sample where I tried to use date picker.

The frustrating part, i do not get errors to try to identify what is happening. Any ideas why this might be happening?

Attachment: WebApplication1_d813e97f.zip

[Sasikala Nagarajan]

Hi Paul,

Thanks for contacting Syncfusion support.


We have checked your sample and we suspect that the issue was caused due to the UnobstrusiveJavaScriptEnabled been set to true in your web.config file and there is no “ej.unotrusive.min.js” file is included in your application, which is required to render the EJ components in unobtrusive enabled application.

By default, in web application Unobtrusive setting is enabled in application’s web.config, on initial creation. You need to change its value to false in your application as shown below,

[web.config]

<appSettings>

    <add key="webpages:Version" value="3.0.0.0"/>

    <add key="webpages:Enabled" value="false"/>

    <add key="ClientValidationEnabled" value="true"/>

    <add key="UnobtrusiveJavaScriptEnabled" value="false"/>
  </appSettings>

Or  else,  if you require the Unobtrusive to be set to true in your application, then you need to include the ej.unobtrusive.min.js file as a reference to your application in order to render the EJ components properly.

Please refer to the below code example

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

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

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

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

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

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

Please check the given solution and let us know if you need any further assistance.
                                                                                                                                                                  
Regards,

Sasikala Nagarajan