Tab
A newer version of this page is available. Switch to the current version.

ASPxPopupMenu.PopupElementID Property

Gets or sets the ID (or a list of IDs) of a web control or HTML element with which the current popup menu is associated.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

[DefaultValue("")]
public string PopupElementID { get; set; }
<DefaultValue("")>
Public Property PopupElementID As String

Property Value

Type Default Description
String

String.Empty

A string value specifying the ID (or a list of IDs) of the web control or HTML element with which the popup menu is associated.

Remarks

Use the PopupElementID property to specify the web control or HTML element whose specific mouse action defined via the ASPxPopupMenu.PopupAction property invokes the current popup menu control. You can also specify a list of control IDs separated by the semicolon (;) sign.


PopupElementID="ASPxGridView1;ASPxGridView2;ASPxGridLookup1"

To specify this value on the client side, use the ASPxClientPopupMenu.SetPopupElementID method.

NOTE

The PopupElementID property should be set to a control's ASPxWebControlBase.ClientID property when the menu and control are placed in different containers.

<dx:ASPxPanel ID="ASPxPanel1" runat="server" Width="100%">
     <PanelCollection>
          <dx:PanelContent ID="PanelContent1" runat="server" SupportsDisabledAttribute="True">
               <dx:ASPxTreeList ID="MyTreeList" runat="server" Width="100%" AutoGenerateColumns="False">
                    <Columns>
                         ...
                    </Columns>
               </dx:ASPxTreeList>
          </dx:PanelContent>
     </PanelCollection>
</dx:ASPxPanel>
<dx:ASPxPopupMenu ID="popupMenu" runat="server" AutoPostBack="true" OnLoad="popupMenu_Load">
     <Items>
          ...
     </Items>
</dx:ASPxPopupMenu>

Examples

The complete sample project is available in the DevExpress Code Central database at E557.

<script runat="server">
     protected void Page_Load(object sender, EventArgs e) {   
     }
     protected void ASPxPopupMenu1_PopupElementResolve(object sender, 
        ControlResolveEventArgs e) {
         e.ResolvedControl = ASPxButton1;
     }
</script>
...
<dxm:ASPxPopupMenu ID="ASPxPopupMenu1" runat="server" 
OnPopupElementResolve="ASPxPopupMenu1_PopupElementResolve"
             PopupElementID="ASPxButton1">
             <Items>
                 <dxm:MenuItem Text="Red Item">
                     <TextTemplate>
                         <span style="color:Red;">Red Item</span>
                     </TextTemplate>
                 </dxm:MenuItem>
                 <dxm:MenuItem Text="Yellow Item">
                     <TextTemplate>
                         <span style="color:Yellow;">Yellow Item</span>
                     </TextTemplate>                
                 </dxm:MenuItem>
                 <dxm:MenuItem Text="Green Item">
                     <TextTemplate>
                         <span style="color:Green;">Green Item</span>
                     </TextTemplate>                
                 </dxm:MenuItem>
             </Items>
             <ClientSideEvents ItemClick="function(s,e) 
              {alert('The item with index = ' + e.item.index.toString() + ' was clicked');}"/>
         </dxm:ASPxPopupMenu>
...
See Also