Telerik tabstrib ne fonctionne pas lorsque jquery ui est utilisé

Ive a obtenu le code suivant dans ma page Site.master:Telerik tabstrib ne fonctionne pas lorsque jquery ui est utilisé

<head runat="server"> 
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title> 

    <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" /> 

    <%--<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script> 
    <script src="../../Scripts/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>--%> 
    <script src="../../Scripts/ckeditor/ckeditor.js" type="text/javascript"></script> 

<%-- <script src="../../Scripts/Telerik/telerik.common.min.js" type="text/javascript"></script> 
    <script src="../../Scripts/Telerik/telerik.tabstrip.min.js" type="text/javascript"></script>--%> 

    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
    <link href="../../Content/jquery-ui.css" rel="stylesheet" type="text/css" /> 

    <%= Html.Telerik().StyleSheetRegistrar() 
         .DefaultGroup(g => g 
         //.Add("Site.css") 
         .Add("telerik.common.css") 
         .Add("telerik.windows7.css") 
         .Combined(true) 
         .Compress(true)) 
    %> 
</head>

Et à la fin de l'Site.master j'ai le code suivant;

<% Html.Telerik().ScriptRegistrar() 
       .DefaultGroup(group => group 
        .UseTelerikContentDeliveryNetwork(true) 
        .Combined(true) 
        .Compress(true) 
       ) 
       .Render(); %> 

    <%--<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>--%> 
    <script src="../../Scripts/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>

Avec cette configuration, ma tabulation de telerik est affichée correctement et je suis capable de naviguer dans les onglets. Cependant, sur une page différente (en utilisant le même site.master), je veux utiliser l'interface utilisateur jquery pour rendre les datpickers, mais cela ne marche pas. Après avoir activé la règle suivante à la tête de mon Site.master

<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

et enlever la partie ci-dessous du fond de mon Site.master, je suis en mesure d'utiliser les datepickers. Mais naviguer dans le tabstip ne fonctionne pas. Bien que tous les onglets sont rendus correctement.

<% Html.Telerik().ScriptRegistrar() 
       .DefaultGroup(group => group 
        .UseTelerikContentDeliveryNetwork(true) 
        .Combined(true) 
        .Compress(true) 
       ) 
       .Render(); %>

Comment puis-je utiliser les deux? Il me semble qu'en quelque sorte quand j'utilise le telerik CDN je reçois quelque chose de totalement différent alors quand je le désactive. J'ai déjà téléchargé toutes les pièces appartenant à Telerik, mais même quand je les ajoute à mon en-tête, je ne peux pas le faire fonctionner correctement.

Quels fichiers téléchargés à partir de telerik dois-je mettre en œuvre pour pouvoir utiliser la bande à onglet sans utiliser le CDN de telerik? Et comment puis-je courir cela à côté de l'interface utilisateur jquery sans aucun problème?

Source

2010-10-05 Rob

Résolu le problème en créant mon propre scriptregistrar. Après cela, j'ai ajouté une section personnalisée à mon web.config où je pourrais intégrer les scripts dont j'avais besoin. Cela fonctionne comme un charme et je peux même changer la séquence des scripts chargés.

Ceci est nouveau dans le fichier web.config;

<sectionGroup name="telerik"> 
     <section name="webAssets" type="Telerik.Web.Mvc.Configuration.WebAssetConfigurationSection, Telerik.Web.Mvc"/> 
    </sectionGroup> 

<telerik> 
    <webAssets useTelerikContentDeliveryNetwork="false"> 
     <scripts> 
     <add name="DefaultScripts" version="2010.07.20.1" combined="false" compress="false" enabled="true" cacheDurationInDays="365"> 
      <items> 
      <add source="ckeditor/ckeditor.js"/> 
      <add source="ckeditor/adapters/jquery.js" /> 

      <add source="Telerik-min/telerik.common.min.js" /> 
      <add source="Telerik-min/telerik.tabstrip.min.js" /> 

      <add source="jquery-ui-1.8.5.custom.min.js" /> 
      </items> 
     </add> 
     </scripts> 
     <styleSheets> 
     <add name="CoreStyles" version="2010.10.05.01" combined="true" compress="true" enabled="true" cacheDurationInDays="7"> 
      <items> 
      <add source="Site.css" /> 
      <add source="jquery-ui.css" /> 
      <add source ="telerik.common.css"/> 
      <add source ="telerik.telerik.css"/> 
      <add source ="telerik.windows7.css"/> 
      </items> 
     </add> 
     </styleSheets> 
    </webAssets> 
    </telerik>

Dans le code, je peux maintenant utiliser les deux règles suivantes pour javascript et des feuilles de style

<%=Html.Telerik().ScriptRegistrar().Scripts(scripts => scripts.AddSharedGroup("DefaultScripts"))%>

Html.Telerik().StyleSheetRegistrar().StyleSheets(stylesheets => stylesheets.AddSharedGroup("CoreStyles"))

Source

2010-10-05 10:21:52 Rob

Telerik tabstrib ne fonctionne pas lorsque jquery ui est utilisé

Répondre

Questions connexes