menu StaticTemplate

最新推荐文章于 2020-07-24 11:06:08 发布

amanda1982

最新推荐文章于 2020-07-24 11:06:08 发布

阅读量765

点赞数

CC 4.0 BY-SA版权

文章标签： menu hyperlink server asp div

本文链接：https://blog.youkuaiyun.com/amanda1982/article/details/1729456

本文介绍了一种优化ASP.NET菜单组件的方法，通过调整菜单项模板，实现了鼠标悬停时，整个高亮区域均可点击而不仅限于文本部分。此方案使用了ASP.NET的Menu控件结合HTML与服务器端控件实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I found my answer.  The code below allows me to click anywhere in the highlighted (yellow) area when hovering over the menu (not just on the text):

<asp:Menu ID="m1" runat="server" Orientation="horizontal">
  <StaticItemTemplate>
    <div style="width:100%;">
      <asp:HyperLink
        ID="l1"
        runat="server"
        Text='<%# Eval("Text") %>'
        NavigateUrl='<%# Eval("NavigateUrl") %>'
        BackColor="Yellow"
        Font-Underline="false" />
    </div>
  </StaticItemTemplate>
  <DynamicItemTemplate>
    <div style="width:100%;">
      <asp:HyperLink
        ID="l2"
        runat="server"
        Text='<%# Eval("Text") %>'
        NavigateUrl='<%# Eval("NavigateUrl") %>'
        BackColor="Yellow"
        Font-Underline="false" />
    </div>
  </DynamicItemTemplate>
</asp:Menu>