We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
  1. Home
  2. Forum
  3. ASP.NET Web Forms (Classic)
  4. Jquery conflicts with controls syncfusion

Jquery conflicts with controls syncfusion

Hi. 
I have some error about controls syncfusion  and jquery scripts.
Please give me an sample.
Please Help me!! :)

3 Replies
GA Gurunathan A Syncfusion Team September 25, 2013 11:05 AM UTC

Hi Jimmy,

 

Thanks for the contacting Syncfusion support.

 

Could you please provide us with more information on the control which was used in your sample and also please specify the Jquery version details.  It will help us to work in efficient way and provide a proper sample.

 

Warm Regards,

Gurunathan


HV hans vogels December 10, 2013 10:12 PM UTC

This code gives an error  in the alert function wich uses dialog.

When the dropdowncalendarcontrol is removed, it works fine.

Somehow the calendardropdown breaks jquery.

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dialog.aspx.cs" Inherits="Register.dialog" %>

<%@ Register Assembly="Syncfusion.Shared.Web, Version=11.2045.0.25, Culture=neutral, PublicKeyToken=3d67ed1f87d44c89" Namespace="Syncfusion.Web.UI.WebControls.Shared" TagPrefix="syncfusion" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<link rel="stylesheet" rel='nofollow' href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script>

function myAlert(mytitle, message) {

$("<div>"+message+"<div>").dialog({

title: mytitle,

resizable: false,

height: 250,

width: 500,

modal: true,

buttons: {

"ok": function () {

$(this).dialog("close");

$(this).dialog("destroy");

}

}

});

}

</script>

</head>

<body>

<form id="form1" runat="server">

<syncfusion:SFScriptManager ID="SFScriptManager1" runat="server"></syncfusion:SFScriptManager>

<input id="Button1" type="button" value="button" onclick="myAlert('alert','It works')"/>

<syncfusion:DropDownCalendarControl ID="DropDownCalendarControl1" runat="server" />

</form>

</body>

</html>


GA Gurunathan A Syncfusion Team December 16, 2013 05:58 PM UTC

Hi Hans,

 

Thanks for contacting Syncfusion support.

We would like to let you know that we have tested our controls with JQuery version 1.4 &  JQuery UI 1.8.2  and all our controls work fine until these versions. We have logged a feature request report for “Upgrading our controls with latest jquery versions”. It can be tracked through our Features Management System:

[FR link]

 

We will implement this feature in any of our upcoming releases. As for now,we suggest you to use the Jquery- migrate script to overcome the version mismatch issues. Please refer the below code snippet.

<code>

[Site.master]

     <asp:ScriptReference path="Scripts/jquery-1.9.1.js"/>

            <asp:ScriptReference path="Scripts/jquery-migrate-1.2.1.js"/>         

            <asp:ScriptReference path="Scripts/jquery-ui.js"/>

</code>

 

We would also like to let you know that we are internally loading jquery ui script in our source and if you are referring this script explicitly, it will result in conflicts. So we suggest you to set sfJqueryload as false in web.config page. Please refer the below code snippet.

[Web.Config]

<appSettings>

<add key='sfJqueryload' value='false'/>

</appSettings>

</code>

We have also prepared a simple sample to show case this behavior. It can be downloaded from the below link

 F112472_Web.zip

 

Please let us know if you required further assistance.

 

Thanks,

Gurunathan


Loader.
Live Chat Icon For mobile
Up arrow icon