Ajaxified RadContextMenu

[Prava kafle]

HI,
I am trying to use Rad context menu to show update/insert or delete window in  dynamic hierarchical Rad Grid.  Right clicking an item  in hierarchical grid displays a context menu with (Delete, Add and update options). How can I display edit/insert template for the selected item in a grid?

<asp:PlaceHolder ID="NGridPlaceHolder" runat="server">

   </asp:PlaceHolder>

   <input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />
  <telerik:RadContextMenu ID="RadMenu1" runat="server" OnClientItemClicked="RadContextMenuClicked"
     EnableRoundedCorners="true" EnableShadows="true">
     <Items>
         <telerik:RadMenuItem Text="Add" Value="Add" />
         <telerik:RadMenuItem Text="Edit" Value="Edit" />
         <telerik:RadMenuItem Text="Delete" Value="Delete" />
     </Items>
 </telerik:RadContextMenu>

function RadContextMenuClicked(sender, eventArgs) {

               

               var menuItemValue = eventArgs.get_item().get_text();

                

               switch (menuItemValue) {

                   case "Delete":

                ......................................... HOW TO SHOW DELETE WINDOW AND DELETE SELECTED RECORD  AND REFRESH GRID

                       break;..

                   case "Edit":

                    ........................... HOW TO SHOW EDIT WINDOW AND DELETE SELECTED RECORD  AND REFRESH GRID

                       break;

                   case "Add":

                    ........................... HOW TO SHOW INSERT WINDOW AND REFRESH SELECTED  GRID

 

                       break;

//Show insert/edit/delete
function RowContextMenu(sender, eventArgs) {
    senderGrid = sender;
    editEventArgs = eventArgs;

    var menu = $find("<%=RadMenu1.ClientID%>");
    var evt = eventArgs.get_domEvent();

    if (evt.target.tagName == "INPUT" || evt.target.tagName == "A") {
        return;
    }

    var index = eventArgs.get_itemIndexHierarchical();
    document.getElementById("radGridClickedRowIndex").value = index;

    sender.get_masterTableView().selectItem(sender.get_masterTableView().get_dataItems()[index].get_element(), true);

    menu.show(evt);

    evt.cancelBubble = true;
    evt.returnValue = false;

    if (evt.stopPropagation) {
        evt.stopPropagation();
        evt.preventDefault();
    }
}

               }

                

           }

C# code attaches context menu by
  RadGrid radGrid = new RadGrid();
   radGrid.ClientSettings.ClientEvents.OnRowContextMenu = "RowContextMenu";
I am using a programmatic hierarchical  grid and a static Context Menu. 

Any Ideas?
Prava

[Princy]

Hello,

Take a look into the following demo.
Grid / AJAX-enabled Context Menu

Thanks,
Princy.