Как сделать кликабельным все поле в выпадающем меню (menuitem), а не только текст?

#c# #asp.net

#c# #asp.net

Вопрос:

У меня есть строка меню с разными пунктами, с подпунктами,

  //ASCX FILE

<asp:MenuItem Text="Item" Value="Item" Selectable="false">
  <asp:MenuItem Text="SubItemA" Value="SubitemA" NavigateUrl="dsklfsl.com"
  </asp:MenuItem>
  <asp:MenuItem Text="SubItemB" Value="SubitemB" NavigateUrl="ghhffssl.com"
  </asp:MenuItem>
</asp>
  

Проблема в том, что если я наведу курсор на элемент, затем на подпункт, я смогу щелкнуть только при наведении курсора точно на текст «SubItemA», есть ли способ настроить его так, чтобы при наведении курсора в любом месте поля, содержащего текст «SubItemA», я также мог щелкнуть там?

Я просмотрел различные свойства для MenuItems, но мне ничего не удалось найти, возможно, я что-то пропустил, подумал.

Ответ №1:

Взгляните на этот пост. В основном вам нужно изменить CSS содержимого пункта меню.

Комментарии:

1. Это работает в случае, когда у меня есть статические элементы меню. Я также обнаружил, что если вы хотите решить проблему для динамических menuitems, то вам нужно использовать CSS-стиль для тега DynamicMenuItemStyle.

Ответ №2:

Вы можете «обновить» его с помощью CSS-дружественного адаптера управления.

Он генерирует список вместо таблицы и расширяет тег привязки внутри menuitem, чтобы его можно было полностью перемещать

Ответ №3:

Используйте <StaticItemTemplate> или <DynamicItemTemplate> of Menu для отображения ваших пунктов меню. это сделало бы кликабельной всю область блока.

<a rel="noreferrer noopener nofollow" href="https:///books.google.com/books?id=KzsUd3ohSJkCamp;pg=PA446amp;lpg=PA446amp;dq= of menu C#amp;source=blamp;ots=Ay3awQuGMOamp;sig=5Zy3ohxbCDhJNj6LEeqdgfvxZlYamp;hl=enamp;ei=aw63Tcm5NIq-tge_zZyjAQamp;sa=Xamp;oi=book_resultamp;ct=resultamp;resnum=6amp;ved=0CDgQ6AEwBQ#v=onepageamp;q= of menu C#amp;f=false» rel=»nofollow»>http://books.google.com/books?id=KzsUd3ohSJkCamp;pg=PA446amp;lpg=PA446amp;dq= of menu C#amp;source=blamp;ots=Ay3awQuGMOamp;sig=5Zy3ohxbCDhJNj6LEeqdgfvxZlYamp;hl=enamp;ei=aw63Tcm5NIq-tge_zZyjAQamp;sa=Xamp;oi=book_resultamp;ct=resultamp;resnum=6amp;ved=0CDgQ6AEwBQ#v=onepageamp;q= of menu C#amp;f=false

http://www.java2s.com/Code/ASP/Components/MenutemplateC.htm