dynamic add item in context menu by javascript

[Piyush Vardhan]

Hello Friends
How Can i  dynamic add  item in context menu  and open Context Menu  on Grid row click by javascript .

[Erjan Gavalji]

H Piyush,

Please check the AJAX-enabled context menu in grid for an example of how to create a context menu for RadGrid and the Add, remove, disable menu items for a demonstration of the client-side RadMenu API, related to item management.

I hope this helps.

Kind regards,
Erjan Gavalji
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Piyush Vardhan]

Thanks For Reply Friend
I want when i click or right click on row of grid then context menu  open with value  of(

QuantityPerUnit	UnitPrice	UnitsInStock

) in context Menu through Ajax or Javascript .i want dinamic Context menu which Create on click of grid row. r u getting  me what i want? i

[Jorge Gracia]

I have a very similar need.

Require a context menu were its items change based on where the users right clicks.

[Princy]

Hello,

I suppose you want to show different RadContextMenu for different target controls. Following is the sample code.

ASPX:

<telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="false">
</telerik:RadButton>
<telerik:RadButton ID="RadButton2" runat="server" AutoPostBack="false">
</telerik:RadButton>
<telerik:RadButton ID="RadButton3" runat="server" AutoPostBack="false">
</telerik:RadButton>
<telerik:RadContextMenu ID="RadContextMenu1" runat="server" OnClientShown="OnClientShown"  >
  <Targets>
    <telerik:ContextMenuControlTarget ControlID="RadButton1" />
    <telerik:ContextMenuControlTarget ControlID="RadButton2" />
    <telerik:ContextMenuControlTarget ControlID="RadButton3" />
  </Targets>
</telerik:RadContextMenu>

JS:

<script type="text/javascript">
    function OnClientShown(sender, args) {
        var k = sender.get_items().get_count();
        for (i = 0; i <= k; i++) {
            sender.trackChanges();
            sender.get_items().removeAt(0);
            sender.commitChanges();
        }
        if (args.get_targetElement().name == "RadButton1") {
            var item1 = new Telerik.Web.UI.RadMenuItem();
            item1.set_text("item1");
            var item2 = new Telerik.Web.UI.RadMenuItem();
            item2.set_text("item2");
            var item3 = new Telerik.Web.UI.RadMenuItem();
            item3.set_text("item3");
            sender.trackChanges();
            sender.get_items().add(item1);
            sender.get_items().add(item2);
            sender.get_items().add(item3);
            sender.commitChanges();
        }
        else if (args.get_targetElement().name == "RadButton2") {
            var item1 = new Telerik.Web.UI.RadMenuItem();
            item1.set_text("item4");
            var item2 = new Telerik.Web.UI.RadMenuItem();
            item2.set_text("item5");
            var item3 = new Telerik.Web.UI.RadMenuItem();
            item3.set_text("item6");
            sender.trackChanges();
            sender.get_items().add(item1);
            sender.get_items().add(item2);
            sender.get_items().add(item3);
            sender.commitChanges();
        }
        else if (args.get_targetElement().name == "RadButton3") {
            var item1 = new Telerik.Web.UI.RadMenuItem();
            item1.set_text("item7");
            var item2 = new Telerik.Web.UI.RadMenuItem();
            item2.set_text("item8");
            var item3 = new Telerik.Web.UI.RadMenuItem();
            item3.set_text("item9");
            sender.trackChanges();
            sender.get_items().add(item1);
            sender.get_items().add(item2);
            sender.get_items().add(item3);
            sender.commitChanges();
        }
    }
</script>

Hope this helps.

Regards,
Princy.