Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Treeview > Context menu at javascript

• faisal

  Posted on May 11, 2011 (permalink)

  hi,
  
  i am working on tree view. i have context menu i.e.
  
   <telerik:RadTreeViewContextMenu ID="menu2" EnableRoundedCorners="true" EnableShadows="true">
              <Items>
                  <telerik:RadMenuItem Text="Copy" />
                  <telerik:RadMenuItem Text="Paste" />
                   <telerik:RadMenuItem Text="Refresh" />
                  <telerik:RadMenuItem Text="Properties" />               
              </Items>
          </telerik:RadTreeViewContextMenu>
  
  i added new node using javascript now i want to assign above context menu id to that new  node. how is this possible in javascript.
  
   var newNode = new Telerik.Web.UI.RadTreeNode();
                     newNode.set_text("abc"]);
                     newNode.set_value("123");
                     newNode.set_imageUrl("Images/Site.png");
                     newNode.set_contextMenuID("menu2"); // how to do this
  
  plz help me.
  
  Regards,
  
  Faisal

• Shinu MVP

  Posted on May 11, 2011 (permalink)

  Hello Faisal,
  
  Here is a sample code to achieve your requirement.
  Aspx:
  

  <telerik:RadTreeView runat="server" ID="RadTreeView1">

        <ContextMenus>

           <telerik:RadTreeViewContextMenu ID="menu1">

                <Items>

                          <telerik:RadMenuItem Text="MoveUp" />

                          <telerik:RadMenuItem Text="MoveDown" />

                          <telerik:RadMenuItem Text="Send E-Mail" />

                 </Items>

           </telerik:RadTreeViewContextMenu>

           <telerik:RadTreeViewContextMenu ID="RadTreeViewContextMenu2">

                 <Items>

                          <telerik:RadMenuItem Text="Edit" />

                          <telerik:RadMenuItem Text="Copy" />

                          <telerik:RadMenuItem Text="Delete" />

                 </Items>

           </telerik:RadTreeViewContextMenu>

       </ContextMenus>

       <Nodes>

                  <telerik:RadTreeNode Text="People">

                      <Nodes>

                          <telerik:RadTreeNode Text="Johny" Value="1"  ContextMenuID="RadTreeViewContextMenu2"/>

                          <telerik:RadTreeNode Text="Jimmie" Value="2" />

                          <telerik:RadTreeNode Text="Donie" Value="3" />

                      </Nodes>

                  </telerik:RadTreeNode>

       </Nodes>
</telerik:RadTreeView>

  <asp:Button ID="Button1" runat="server" Text="AddNode" OnClientClick="AddNode();" />

  
  Javascript:
  

  <script type="text/javascript">

      function AddNode()

       {

          treeView = $find("<%= RadTreeView1.ClientID %>");

          var menuId = treeView.get_contextMenuIDs()[1];//accessing the required contextMenu using index

          treeView.trackChanges();

          var newNode = new Telerik.Web.UI.RadTreeNode();

          newNode.set_text("abc");

          newNode.set_value("123");

          newNode.set_contextMenuID(menuId);

          var parent = treeView.get_selectedNode() || treeView;

          parent.get_nodes().add(newNode);

          if (parent != treeView && !parent.get_expanded())

              parent.set_expanded(true);

          treeView.commitChanges();

      }

  </script>

  
  Thanks,
  Shinu.

• faisal

  Posted on May 11, 2011 (permalink)

  thanks alot

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Treeview > Context menu at javascript