New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Adding Custom Command Buttons

RadFileExplorer

The server code creates a new toolbar button and a new context menu item and adds them in the RadFileExplorer control. The client code executes when the RadFileExplorer is loaded and attaches new event handlers for the toolbar and treeview/grid context menus. These handlers will be used to execute code when the custom button/item is clicked. The CSSstyle for the toolbar button can be used to add an image.

C#
protected void Page_Load(object sender, EventArgs e)
{
	if (!IsPostBack)
	{
		//custom button
		RadToolBarButton customButton = new RadToolBarButton("test");
		customButton.CssClass = "test_button";
		customButton.Value = "testCommand";
		RadFileExplorer1.ToolBar.Items.Add(customButton);
		//context menu item
		RadMenuItem customMenuOption = new RadMenuItem("custom");
		customMenuOption.Value = "custom_Menu";
		RadFileExplorer1.TreeView.ContextMenus[0].Items.Add(customMenuOption);
		//attach the event handler to the RadTreeView
		RadFileExplorer1.TreeView.OnClientContextMenuItemClicked = "treeContextMenuClicked";
		//if you want the custom context menu item to be visible in the grid as well
		RadFileExplorer1.GridContextMenu.Items.Add(customMenuOption.Clone());
	}
}
JavaScript
function toolbarClicked(toolbar, args)
{
	var buttonValue = args.get_item().get_value();
	if (buttonValue == "testCommand")
		alert("test button clicked");
}
function gridContextMenuClicked(toolbar, args)
{
	var buttonValue = args.get_item().get_value();
	if (buttonValue == "custom_Menu")
		alert("custom context menu item clicked");
}
function treeContextMenuClicked(toolbar, args)
{
	var buttonValue = args.get_menuItem().get_value();
	if (buttonValue == "custom_Menu")
		alert("custom context menu item clicked");
}

function attachHandlers(explorer, args)
{
	//support for grid context menu
	var toolbar = explorer.get_toolbar();
	toolbar.add_buttonClicked(toolbarClicked);

	//support for grid context menu
	var gridContextMenu = explorer.get_gridContextMenu();
	gridContextMenu.add_itemClicked(gridContextMenuClicked);

	//TreeView handler is attached in codebehind
}
ASP.NET
<telerik:RadFileExplorer RenderMode="Lightweight" ID="RadFileExplorer1" runat="server" OnClientLoad="attachHandlers">
</telerik:RadFileExplorer>

See Also

In this article
See Also
Not finding the help you need?
Contact Support