Menu Control - Templates

18 Jan 2006 3:56 PM

Jay

When I setup a StaticItemTemplate using a HTML table, for example, how do I
implement the ability to select. If I do something like the following I
lose the ability to select.

<table cellpadding=4 cellspacing=0 border=1>

<tr>

<td> <%# Eval("Text") %></td>

<td>Next</td>

</tr>

</table>

Thanks

Jay

19 Jan 2006 3:50 AM

Steven Cheng[MSFT]

Hi Jay,

Welcome.
As for the MenuItem's staticItemTemplate problem, I've just performed some
tests through the template html you provided and did encouter the problem.
Actually when we use custom Static or Dynamic Item template, the asp.net
Menucontrol will embeded them in its autogenerated <a href='xxx'> link
element... So if you just put some simple element like "<div>....</div>"
in the template, you'll find that the select postback still works well...
For your scenario, you put an html <table> element, such the clientside
click event maybe captured by the <table > element, but did not raise it
further to the parent <a> link element , thus, cause the selected post back
event not fire....   Currently I've tried use some simple client scripts to
manually let the table raise the click event to its parent element and it
works well. Here is the test code I used, you can have a test on yoru side
to see whether it helps:

=======================
<asp:Menu ID="Menu1" runat="server" StaticDisplayLevels="2"
OnMenuItemClick="Menu1_MenuItemClick">
                <StaticItemTemplate>
                <div style="background-color:Yellow">
                    <table cellpadding="4" cellspacing="0" border="1"
onclick="this.parentElement.click();">
                        <tr>
                            <td>
                                <%# Eval("Text") %>
                            </td>

...................

=======================

Hope helps. Thanks,

Steven Cheng
Microsoft Online Support

Get Secure! www.microsoft.com/security
(This posting is provided "AS IS", with no warranties, and confers no
rights.)

--------------------

microsoft.public.dotnet.framework.aspnet.webcontrols:32562
Show quoteHide quote