菜单项的 ClientID

我在页面上有一个项目，其中有一系列菜单项（从数据库动态生成）作为菜单项。

每个 MenuItem 将自身呈现为

<a class="ctl00_cphContent_cphMainContentTitle_uxHeaderMenu_menuPageNav_1 button ctl00_cphContent_cphMainContentTitle_uxHeaderMenu_menuPageNav_3" style="border-style:none;font-size:1em;" href="SomeURLHere.aspx">

但是我想获取此链接的 ClientID（我们使用外部 Javascript 库在模态灯箱样式框架中弹出页面）。其要求之一是我们需要识别“可点击对象 ID”，以便我们可以将其设置为能够在点击时触发事件。

我们网站上的其他地方都有

OurSite.SetupDialogueBoxForOpen('<%= HyperLink.ClientID =>');

但是由于某种原因，菜单项似乎没有分配给它的 ClientID 属性。这使得在 JavaScript 中设置客户端 ID 几乎不可能。

有谁知道如何获取菜单项的 ClientID（只是为了澄清，菜单项的类型为 System.Web.UI.WebControls.MenuItem

提前致谢！

如果要更改控件中项目的呈现方式，可以使用StaticMenuItemTemplate and DynamicMenuItemTemplate特性。我将仅在示例中使用第一个（静态，用于顶级项目）：

<asp:Menu runat="server" ...>
  <StaticMenuItemTemplate>
    <a id="<%# GetSuitableClientId(Container) %>"><%# Eval("Text") %></a>
  </StaticMenuItemTemplate>
</asp:Menu>

The StaticMenuItemTemplate http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.menu.staticitemtemplate.aspx属性是类型ITemplate http://msdn.microsoft.com/en-us/library/system.web.ui.itemplate.aspx与此类模板属性的常见情况一样，它用TemplateContainer http://msdn.microsoft.com/en-us/library/system.web.ui.templatecontainerattribute.aspx属性。这指定了要在其中实例化模板的容器，通常该容器可以访问渲染时可能需要的某些上下文。在这种情况下，它是类型MenuItemTemplateContainer http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.menuitemtemplatecontainer.aspx它实现了IDataContainer从而提供对数据项的访问。

因此，我们将此容器传递回页面中的方法，并在该方法中构造一个我们认为合适的 ID。例如，我们可以使用数据项作为深度，使用容器作为索引：

protected string GetSuitableClientId(MenuItemTemplateContainer container)
{
  MenuItem item = (MenuItem)container.DataItem;
  return String.Format("menuItem-{0}-{1}", item.Depth, container.ItemIndex);
}

我在构建这个答案时的猜测是，您现在可以调整 JavaScript 以绑定到<a id="menuItem-2-4">Text</a>元素，因为您现在有了可预测的客户端 ID。

编辑：您还可以在模板中使用以下内容，并让 ASP.NET 负责创建唯一的客户端 ID，但这不太可预测...

<asp:HyperLink ID="MenuItem" runat="server" NavigateUrl='<%# Eval("NavigateUrl") %>' />