Как показать один и тот же пользовательский элемент управления в разных div в файле ascx для отзывчивости? - PullRequest
0 голосов
/ 04 февраля 2019

У меня есть элемент управления из библиотеки, зарегистрированной в моем другом пользовательском файле .ascx, и я хотел бы динамически отображать его в соответствии с размером экрана в разных местах кода.

RadMenu1 - это элемент управленияу меня нет исходного кода для элемента управления, и я не смог найти способ показать и скрыть его, просто используя JavaScript на основе размера экрана, чтобы сделать его отзывчивым.Я мог бы создать копию элемента управления, но я не хочу создавать новый элемент управления только ради этого.

Это элемент управления из библиотеки Telerik.Web.UI.

Спасибо.

<%@ Control Language="vb" AutoEventWireup="false" Inherits="Aptify.Framework.Web.eBusiness.NavBar"
    CodeFile="navbarNew.ascx.vb" %>
<%@ Register TagPrefix="rad" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="cc1" Namespace="Aptify.Framework.Web.eBusiness" Assembly="AptifyEBusinessUser" %>

<nav class="navbar navbar-light p-0 d-md-none">
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="flex-md-column flex-lg-row collapse navbar-collapse text-md-center" id="navbarTogglerDemo03" style="min-width: 200px;">
        <rad:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="True" EnableShadows="True" OnItemClick="RadMenu1_click" RenderMode="Lightweight" Flow="Vertical"></rad:RadMenu>
    </div>
</nav>

<rad:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="True" EnableShadows="True" OnItemClick="RadMenu1_click" RenderMode="Lightweight"></rad:RadMenu>
<cc1:User ID="User1" runat="server" />

Я знаю, что два элемента управления не могут иметь одинаковый идентификатор, поэтому приведенный выше код выдает ошибку, говорящую о том, что уже существует другой элемент управления с таким же идентификатором, как у RadMenu1.

1 Ответ

0 голосов
/ 05 февраля 2019

Просто измените идентификатор элемента управления для каждого, например,

<rad:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="True" EnableShadows="True" OnItemClick="RadMenu1_click" RenderMode="Lightweight"></rad:RadMenu>

<rad:RadMenu ID="RadMenu2" runat="server" EnableRoundedCorners="True" EnableShadows="True" OnItemClick="RadMenu2_click" RenderMode="Lightweight"></rad:RadMenu>

<rad:RadMenu ID="RadMenu3" runat="server" EnableRoundedCorners="True" EnableShadows="True" OnItemClick="RadMenu3_click" RenderMode="Lightweight"></rad:RadMenu>
...