Telerik tabstrib не работает при использовании jquery ui - PullRequest
Новая
       5

Telerik tabstrib не работает при использовании jquery ui

0 голосов
/ 05 октября 2010

Я получил следующий код на своей странице site.master: 

<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>

И в конце site.master у меня есть следующий код: 

<% 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>

С этимнастройка мой telerik tabstrip отображается правильно, и я могу перемещаться по вкладкам.Однако на другой странице (с использованием того же site.master) я хочу использовать jquery UI для рендеринга DatePicker, но это не работает.После включения следующего правила для главы моего site.master 

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

и удаления приведенной ниже части из нижней части моего site.master, я могу использовать средства выбора даты.Но тогда навигация по вкладке не работает.Хотя все вкладки отображаются правильно. 

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

Как я могу использовать обе?Мне кажется, что каким-то образом, когда я использую telerik CDN, я получаю что-то совершенно другое, чем когда я отключаю это.Я уже загрузил все части, принадлежащие Telerik, но даже когда я добавляю их в свой заголовок, я не могу заставить его работать правильно.

Какие файлы, загруженные из Telerik, мне нужно реализовать, чтобы иметь возможностьиспользовать вкладку без использования CDN от Telerik?И как я могу запустить это рядом с JQuery UI без проблем?

1 Ответ

0 голосов
/ 05 октября 2010

Решил проблему, создав собственный скрипт-регистратор.После этого я добавил в свой web.config пользовательский раздел, в который я мог встраивать нужные мне скрипты.Это работает как талисман, и я даже могу изменить последовательность загружаемых скриптов.

Это новое в 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>

В коде теперь я могу использовать следующие два правиладля javascript и таблиц стилей 

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

и 

Html.Telerik().StyleSheetRegistrar().StyleSheets(stylesheets => stylesheets.AddSharedGroup("CoreStyles"))
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...