Question

我从另一个用户控件.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" />

我知道两个控件不能具有相同的ID，因此上面的代码给出了一个错误，指出已经有另一个控件与RadMenu1具有相同的ID。

Answer 1

只需更改每个控件的控件ID即可

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

如何在ascx文件的不同div中显示相同的用户控件，以提高响应速度？

1 个答案: