Skip to main content
Tab

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.v24.2.dll

Declaration

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

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>
protected void popupMenu_Load(object sender, EventArgs e) {
     (sender as ASPxPopupMenu).PopupElementID = MyTreeList.ClientID;
}

Example

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