asp.net - 在呈现的 HTML 中为自定义 UserControl 提供一个 ID

Question

当我使用 ASP:Calendar 控件并为其指定一个 ID 时:

<asp:Calendar runat="server" ID="MyCal" />

在呈现的 html 中看起来像这样:

<table id="NameMangled_MyCal"... />

我可以像这样在 javascript 中通过 ID 访问元素:

var cal= document.getElementById("<%= MyCal.ClientID%>")

但是，当我创建一个具有日历的自定义用户控件时:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WeeklyEventsCalendar.ascx.cs"
    Inherits="WeeklyEventsCalendar" %>

<div>
    <asp:Calendar runat="server" ID="InnerCal" Width="100%" OnDayRender="RenderCell" OnVisibleMonthChanged="ChangeMonth" Height="480px" />
</div>

然后在我将它添加到我的页面时给它一个 ID...

<mvs:WeeklyEventsCalendar ID="WeeklyCal" runat="server" />

该 ID 不会出现在呈现的 HTML 中的任何位置。我得到的只是

<div> stuff </div>

当我想要的时候

<div id="NameMangled_WeeklyCal"> stuff <div>

我做错了什么？

Answer 1

UserControls 只渲染它们的内容，没有别的。你能做的是

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WeeklyEventsCalendar.ascx.cs"
    Inherits="WeeklyEventsCalendar" %>

<div id="<%= this.ControlID %>">
    <asp:Calendar runat="server" ID="InnerCal" Width="100%" OnDayRender="RenderCell" OnVisibleMonthChanged="ChangeMonth" Height="480px" />
</div>