Skip to main content
Tab

MenuItem.GroupName Property

Gets or sets the name of a logical check group to which the menu item belongs.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue("")]
public string GroupName { get; set; }

Property Value

Type Default Description
String String.Empty

A String value that specifies the group name.

Remarks

Use the GroupName property to specify a logical check group for a menu item. An item’s check state can be defined via the MenuItem.Checked property. The capability to manipulate the check state of menu items and combining menu items into logical check groups is useful when, for instance, you use ASPxMenu to implement a kind of toolbar.

A menu item can function as a check box if the item belongs to a logical group defined via the item’s GroupName property. To arrange an item/items into a logical group, set its/their GroupName property to the same value. Arranging several menu items into a group makes them function as radio buttons - checking an item unchecks the one previously selected. So, only one menu item in a group can be checked at one time.

ASPxMenuItem_GroupName

Note

A menu item’s client ASPxClientMenuItem.GetChecked and ASPxClientMenuItem.SetChecked methods are in effect only if the item’s GroupName property is defined.

Note

If the ASPxMenuBase.AllowSelectItem is enabled or the ASPxMenuBase.ItemLinkMode property is not set to ItemLinkMode.ContentBounds, the check state of menu items cannot be manipulated (obtained or set) on the client side either programmatically or via UI.

Example

This example demonstrates how the checked state of items can be manipulated to emulate the toolbar behavior (using the ASPxMenu control).

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, 
PublicKeyToken=b88d1754d700e49a"
    Namespace="DevExpress.Web.ASPxMenu" TagPrefix="dxm" %>  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
 <head id="Head1" runat="server">
     <title>Check states of items</title>
 </head>
 <body>
     <form id="form1" runat="server">
         <br/>
          <dxm:ASPxMenu ID="ASPxMenu1" runat="server" ItemSpacing="1px" 
              SeparatorColor="Transparent" 
              SeparatorHeight="15px" SeparatorWidth="2px">
             <Items>
                 <dxm:MenuItem GroupName="Bold" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/bold.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Italic" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/italic.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Underline" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/underline.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem BeginGroup="True" GroupName="Align" Text="" Checked="True">
                     <Image Url="~/ASPxperience/Menu/Images/left.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/center.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/right.gif" />
                 </dxm:MenuItem>
                 <dxm:MenuItem GroupName="Align" Text="">
                     <Image Url="~/ASPxperience/Menu/Images/justify.gif" />
                 </dxm:MenuItem>
             </Items>
             <ItemStyle>
                 <Paddings Padding="2px" />
                 <HoverStyle BackColor="#B6BDD2">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
                 </HoverStyle>
                 <CheckedStyle BackColor="#D4D5D8">
                     <Border BorderColor="#0A246A" BorderWidth="1px" />
                 </CheckedStyle>
             </ItemStyle>
             <Paddings Padding="1px" />
             <BackgroundImage ImageUrl="~/ASPxperience/Menu/Images/back.gif" />
             <SeparatorPaddings PaddingLeft="2px" PaddingRight="2px" />
             <SeparatorBackgroundImage ImageUrl="~/ASPxperience/Menu/Images/separator.gif" 
              Repeat="NoRepeat" />
         </dxm:ASPxMenu>

     </form>
 </body>
 </html>
See Also