In this topic, you will learn how to add a SubMenu in WebGrid's context menu.
To add SubMenu in WebGrid's context menu
Add OnRowContextMenu client side event like following:
| JavaScript | Copy Code |
function WebGrid1_OnRowContextMenu(controlId, rowType, rowElement, menuObject)
{
var menuItem1 = new WebMenuItem();
menuItem1.Text = "Menu1";
menuItem1.Name = "MyMenu1";
menuItem1.OnClick = "OnClick";
var menuItem2 = new WebMenuItem();
menuItem2.Text = "Menu2";
menuItem2.Name = "MyMenu2";
menuItem2.OnClick = "OnClick";
var menuItem3 = new WebMenuItem();
menuItem3.Text = "Menu3";
menuItem3.Name = "MyMenu3";
menuItem3.OnClick = "OnClick";
var separator = new WebMenuItem();
separator.Type = "Separator"
separator.Name = "MySeparator"
var subItem1 = new WebMenuItem();
subItem1.Text = "Sub 1";
subItem1.Text = "MySub1";
subItem1.OnClick = "OnClick";
var subItem2 = new WebMenuItem();
subItem2.Text = "Sub 2";
subItem2.Text = "MySub2";
subItem1.OnClick = "OnClick";
menuItem1.Items.Add(subItem1);
menuItem1.Items.Add(subItem2);
menuObject.Items.Add(menuItem1);
menuObject.Items.Add(menuItem2);
menuObject.Items.Add(separator);
menuObject.Items.Add(menuItem3);
return true;
}
function OnClick(menuItem)
{
// execute function for selected menuItem
alert("Menu.Name : " + menuItem.Name + "\n" + "Menu.Text = " + menuItem.Text);
return true;
}
|
|
Copy Code