Get All Child Nodes in SharePoint using JSOM

The example in this topic show how to use JSOM to Get all the child nodes from quick launch in SharePoint

  • var childNodes, clientContext, quickLaunchCollection;
  •  
  • function GetChildNodes() {
  •     // You can optionally specify the Site URL here to get the context
  •     // If you don't specify the URL, the method will get the context of the current site
  •     // var clientContext = new SP.ClientContext("http://MyServer/sites/SiteCollection");
  •     clientContext = new SP.ClientContext();
  •  
  •     var oWeb = clientContext.get_web();
  •  
  •     // Get Top Navigation node collection
  •     quickLaunchCollection = oWeb.get_navigation().get_quickLaunch();
  •  
  •     //Load the client context and execute the batch
  •     clientContext.load(quickLaunchCollection);
  •  
  •     // Execute the query to the server.
  •     clientContext.executeQueryAsync(onsuccess, onfailed);
  • }
  •  
  • function onsuccess() {
  •  
  •     //Get the item count
  •     var itemCount = quickLaunchCollection.get_count();
  •  
  •     for (var i = 0; i < itemCount; i++) {
  •         var title = quickLaunchCollection.get_item(i).get_title();
  •  
  •         // Enter the Parent node name you want to get the child nodes of
  •         if (title == "Recent") {
  •             childNodes = quickLaunchCollection.get_item(i).get_children();
  •             clientContext.load(childNodes);
  •  
  •             // Break the for loop              
  •             break;
  •         }
  •     }
  •  
  •     //Execute the batch
  •     clientContext.executeQueryAsync(FinalQuerySuccess, FinalQueryFailure);
  • }
  •  
  • function onfailed(sender, args) {
  •     console.log('Failed' + args.get_message() + '\n' + args.get_stackTrace());
  • }
  •  
  • function FinalQuerySuccess(sender, args) {
  •  
  •     var childNodesitemCount = childNodes.get_count();
  •  
  •     // Loop through all the child nodes
  •     for (var i = 0; i < childNodesitemCount; i++) {
  •         var title = childNodes.get_item(i).get_title();
  •         console.log("Child Node: " + title);
  •     }
  • }
  •  
  • function FinalQueryFailure(sender, args) {
  •     console.log('Failed' + args.get_message() + '\n' + args.get_stackTrace());
  • }

Thank you for reading this article. This code was tested in SharePoint 2013

We value your feedback:

Page URL:

Name:

 

Email:

 
 

Feedback:

 

© 2019 Code SharePoint