Displaying a Prompt for RadTreeView Menu Items in ASP.NET AJAX
Environment
| Product | RadTreeView for ASP.NET AJAX |
| Version | All |
Description
I want to display a prompt when a user clicks on a menu item in the RadTreeView for ASP.NET AJAX. If the user confirms the prompt, I need to trigger the server-side ContextMenuItemClick event to execute specific logic.
This knowledge base article also answers the following questions:
- How to use JavaScript to show a confirmation prompt for RadTreeView menu items?
- How to cancel a menu click event based on user input in RadTreeView?
- How to handle server-side logic after a prompt confirmation in RadTreeView?
Solution
To achieve this functionality, use the client-side OnClientContextMenuItemClicking event to display a prompt and control whether the event proceeds. Then, use the server-side ContextMenuItemClick event to execute logic based on the user's confirmation.
Add the OnClientContextMenuItemClicking event to the RadTreeView control. Use JavaScript to display a confirmation dialog and cancel the event if the user chooses to cancel.
<telerik:RadTreeView ID="RadTreeView1" runat="server"
OnClientContextMenuItemClicking="onClientContextMenuItemClicking"
OnContextMenuItemClick="RadTreeView1_ContextMenuItemClick">
<ContextMenus>
<telerik:RadTreeViewContextMenu>
<Items>
<telerik:RadMenuItem Text="Menu Item 1"></telerik:RadMenuItem>
<telerik:RadMenuItem Text="Menu Item 2"></telerik:RadMenuItem>
</Items>
</telerik:RadTreeViewContextMenu>
</ContextMenus>
<Nodes>
<telerik:RadTreeNode Text="Node" />
</Nodes>
</telerik:RadTreeView>function onClientContextMenuItemClicking(sender, args) {
let confirmed = confirm("Do you want to proceed?");
if (!confirmed) {
args.set_cancel(true);
}
}Handle the ContextMenuItemClick event on the server side to execute your desired logic only if the user confirms the prompt.
protected void RadTreeView1_ContextMenuItemClick(object sender, RadTreeViewContextMenuEventArgs e)
{
if (e.MenuItem.Text == "Menu Item 1")
{
// Your server-side logic here
}
}This approach ensures that the prompt is displayed on the client side and server-side logic is executed only if the user confirms the action.