Menu菜單的使用與樣式。。。

最近的項目用到Menu菜單的使用，選中某一項后綁定gridview 並賦值 。

CSS樣式

.mnuTopMenu
{
    background-color: #ecf6ff;
     border: solid 1px #d6e8ff;
    font-family: 宋體;
    font-size: 20px;
   
    color: #1E5494;
   
}



.DynamicMenuStyle /*動態菜單矩形區域樣式*/
{
    background-color: #ecf6ff;
    border: solid 1px #d6e8ff;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-family: 宋體;
    font-size: 14px;
}

.DynamicHoverStyle /*動態菜單項:鼠標懸停時的樣式*/
{
    background-color: #ecf6ff; /*#7C6F57;*/
    color: #333333;
}

.DynamicSelectedStyle /*動態菜單項:選擇時的樣式*/
{
    background-color:Red;
    color: red;
}

.DynamicMenuItemStyle /*動態菜單項樣式*/
{
    padding: 2px 5px 2px 5px;
    color: #000000;
     background-color:  #ecf6ff;
     font-family: 宋體;
    font-size: 14px;
}


.StaticSelectedStyle /*靜態菜單項:選擇時的樣式*/
{
    /*background-color:Gainsboro;*/
    color: red;
}

.StaticMenuItemStyle /*靜態菜單項樣式*/
{
    cursor: hand;
    padding: 2px 5px 2px 5px;
    color: #1E5494;
    background-color:Transparent;
}

.StaticHoverStyle /*靜態菜單項:鼠標懸停時的樣式*/
{
    background-color: #FFCC66; /*#7C6F57;*/
    cursor: hand;
   color: #1E5494;
}

HTML

<asp:Menu ID="Menu1" runat="server"  StaticDisplayLevels="1"  CssClass="mnuTopMenu"
                                  onmenuitemclick="Menu1_MenuItemClick"  
                    DynamicHorizontalOffset="-1"  Orientation="Vertical" 
                    StaticSubMenuIndent="10px" DisappearAfter="600" 
                    StaticSelectedStyle-CssClass="StaticSelectedStyle"
                    StaticMenuItemStyle-CssClass="StaticMenuItemStyle"
                    StaticHoverStyle-CssClass="StaticHoverStyle"
                    DynamicMenuStyle-CssClass="DynamicMenuStyle"
                    DynamicSelectedStyle-CssClass="DynamicSelectedStyle"
                    DynamicMenuItemStyle-CssClass="DynamicMenuItemStyle"
                    DynamicHoverStyle-CssClass="DynamicHoverStyle" >
                                 
                                    
                                <Items>
                                    
                                      
                                           <asp:MenuItem Text="任務表單" Value="任務表單" >
                                           <asp:MenuItem Text="查看全部" Value="查看全部"></asp:MenuItem>
                                            <asp:MenuItem Text="按承辦部門" Value="按承辦部門">
                                                <asp:MenuItem Text="裝備計划科" Value="裝備計划科"></asp:MenuItem>
                                                <asp:MenuItem Text="資產管理科" Value="資產管理科"></asp:MenuItem>
                                                <asp:MenuItem Text="資產經營科" Value="資產經營科"></asp:MenuItem>
                                                <asp:MenuItem Text="設備管理科" Value="設備管理科"></asp:MenuItem>
                                                <asp:MenuItem Text="裝備制造科" Value="裝備制造科"></asp:MenuItem>
                                                <asp:MenuItem Text="技術管理科" Value="技術管理科"></asp:MenuItem>
                                                <asp:MenuItem Text="境外資產科" Value="境外資產科"></asp:MenuItem>
                                                <asp:MenuItem Text="綜合管理科" Value="綜合管理科"></asp:MenuItem>
                                            </asp:MenuItem>
                                            <asp:MenuItem Text="按任務來源" Value="按任務來源">
                                                <asp:MenuItem Text="工作計划" Value="工作計划"></asp:MenuItem>
                                                <asp:MenuItem Text="批辦文件" Value="批辦文件"></asp:MenuItem>
                                                <asp:MenuItem Text="部室例會" Value="部室例會"></asp:MenuItem>
                                                <asp:MenuItem Text="領導交辦" Value="領導交辦"></asp:MenuItem>
                                            </asp:MenuItem>
                                     
                                             
                                         </asp:MenuItem>
                                    
                                </Items>
                              
                            </asp:Menu>

后台代碼取值

 protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
    {
        string path = e.Item.ValuePath.ToString();//取值
        string path1 = Menu1.SelectedValue.ToString();//取值
        

    }