PopupMenu
- 2 minutes to read
PopupMenu allows you to provide context-sensitive action lists to your end-users.
To learn more about PopupMenu and see it in action, refer to its online demos.
Implementation Details
PopupMenu is realized by the PopupMenuExtension class. Its instance can be accessed via the ExtensionsFactory.PopupMenu helper method, which is used to add a PopupMenu extension to a view. This method’s parameter provides access to the PopupMenu‘s settings implemented by the PopupMenuSettings class, allowing you to fully customize the extension.
PopupMenu‘s client counterpart is represented by the ASPxClientPopupMenu object.
Declaration
PopupMenu can be added to a view in the following manner.
View code (ASPX):
<%
Html.DevExpress().PopupMenu(
settings => {
settings.Name = "PopupMenu";
settings.PopupElementID = "grid";
settings.Items.Add(item => {
item.Text = "Country Name";
item.Name = "Name";
});
settings.Items.Add(item => {
item.Text = "Area";
item.Name = "Area";
});
settings.Items.Add(item => {
item.Text = "Population";
item.Name = "Population";
});
settings.ClientSideEvents.Init = "InitPopupMenuHandler";
settings.ClientSideEvents.ItemClick = "OnPopupMenuItemClick";
}
)
.Render();
%>
View code (Razor):
@Html.DevExpress().PopupMenu(settings => {
settings.Name = "PopupMenu";
settings.PopupElementID = "grid";
settings.Items.Add(item => {
item.Text = "Country Name";
item.Name = "Name";
});
settings.Items.Add(item => {
item.Text = "Area";
item.Name = "Area";
});
settings.Items.Add(item => {
item.Text = "Population";
item.Name = "Population";
});
settings.ClientSideEvents.Init = "InitPopupMenuHandler";
settings.ClientSideEvents.ItemClick = "OnPopupMenuItemClick";
}).GetHtml()
Note
The Partial View should contain only the extension’s code.
The code result is demonstrated by the image below.
