This is a migrated thread and some comments may be shown as answers.

[Solved] jQuery and Telerik

7 Answers 410 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Kaleem Khan
Top achievements
Rank 1
Kaleem Khan asked on 10 Nov 2009, 12:15 AM
I have learned that in future releases for MVC framework, telerik will not use JQuery for client side, I suppose it will be purely telerik UI. My concern is if I start development now with JQuery, how much client side code needs to be changed in future when there will be no JQuery on client side. thanks.

7 Answers, 1 is accepted

Sort by
0
Wicky
Top achievements
Rank 1
answered on 10 Nov 2009, 05:17 AM
Hi,

As I understand, it should be not use "jQuery UI" in future, but not "jQuery".

Regards
Wicky
0
Accepted
Atanas Korchev
Telerik team
answered on 10 Nov 2009, 08:18 AM
Hello,

Indeed we will continue to use jQuery as our base client-side library. It won't make much sense to reinvent the wheel. Also we will not use jQuery UI in our components. The jQuery UI based library was just a proof of concept which we will no longer ship - it is available on codeplex however.

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Tee Bee
Top achievements
Rank 1
answered on 04 Dec 2009, 05:00 PM
Is  jQueryUI components (such as datepicker/timepicker) compatible with  the latest release of telerik extensions for MVC.
When I use it in my project, jQueryUI datepicker doesn't come up. If I remove the 'scriptRegistrar', it comes up.  But, if I remove the ScriptRegistrar, none of the new Telerik MVC components work.  Pl. advise.  Can I use both of them, in the same project. thx for your help

thanks
0
Kaleem Khan
Top achievements
Rank 1
answered on 06 Dec 2009, 04:22 AM
Both can work together but this happens to be a bit tricky. In ScriptRegistrar, you can regsiter jquery by calling .jquery(true) but the problem is, it only registers (jquery-1.3.2.min.js) whereas you need datepicker so you need jquery UI also (jquery-ui-1.7.2.custom.min.js) or some other ver. Now what you can do is register scripts conventionally like this, style sheet is optional:
<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> 
<link rel="stylesheet" type="text/css" href="/Scripts/jquery-ui-1.7.2.custom.css" /> 
 

And in script registrar call .jQuery(false) as you already included (above). If you omit this then ScriptRegistrar looks for jquery by default means .jquery(true). The bare bones of your ScriptRegistrar will look like:

 

<% Html.Telerik().ScriptRegistrar()  
                 .jQuery(false)   
                 .Render();   
%> 
 

 

 

 

 

 

0
Christopher Ronak
Top achievements
Rank 1
answered on 18 Mar 2010, 08:31 PM
Hello,

I'm using a number of jquery-ui components at the moment (accordion, dialog, datepicker, etc) as well as jqgrid. I'll likely switch gradually over to the teleric components, but in the meantime, they don't seem to work together.
I tried your suggestion of calling .jQuery(false) in the ScriptRegistrar, but the jquery-ui components don't render and javascript errors are thrown. Do you have a more complete example? I'm a bit new to the teleric mvc.

Thanks
0
Eric Swanson
Top achievements
Rank 1
answered on 19 Apr 2010, 10:30 PM
I did the same thing and the re-read the code posted above.  Do you have ".Render()" included?

Make sure you are also actually getting the jquery scripts.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
0
Edward
Top achievements
Rank 1
answered on 21 Jul 2010, 04:25 PM
Hi,

i think the best decision to solve the problem of compatibility of jQuery UI and Telerik is only adding script in scriptregistrar:
<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
...
</body>
<%= Html.Telerik().ScriptRegistrar().jQuery(true).Scripts(s => s.Add("~/Scripts/jquery-ui-1.8.2.custom.min.js"))%>
</html>

and You needn't to register jquery ui in <head runat="server">...</head>
Tags
General Discussions
Asked by
Kaleem Khan
Top achievements
Rank 1
Answers by
Wicky
Top achievements
Rank 1
Atanas Korchev
Telerik team
Tee Bee
Top achievements
Rank 1
Kaleem Khan
Top achievements
Rank 1
Christopher Ronak
Top achievements
Rank 1
Eric Swanson
Top achievements
Rank 1
Edward
Top achievements
Rank 1
Share this question
or