Using SOLIDWORKS API to render feature tree in HTML page

Edit ArticleEdit Article

This example demonstrates how to load feature tree content of the SOLIDWORKS part file using SOLIDWORKS API into the HTML page using JavaScript and ActiveX in Internet Explorer (this will not work in any other browsers as ActiveX is not supported by default - it might be required to install special plugins to enable the support).

  • Create new html file

  • Copy paste the following code into the file

    <!DOCTYPE html>
    	<input type="text" placeholder="Part File Path" id="filePath"></input>
    	<button type="button" onclick="RenderFeatureTree()">Get Feature Tree</button>
    	<p id="featTree">Feature Tree</p>
    		function RenderFeatureTree() {
    			var swApp = new ActiveXObject("SldWorks.Application");
    			var filePath = document.getElementById('filePath').value;
    			var docSpec = swApp.GetOpenDocSpec(filePath);
    			docSpec.ReadOnly = true;
    			docSpec.Silent = true;
    			var swModel = swApp.OpenDoc7(docSpec);
    			var swFeatMgr = swModel.FeatureManager;
    			var swRootFeatNode = swFeatMgr.GetFeatureTreeRootItem2(1);
    			var root = document.getElementById("featTree");
    			RenderFeatureNode(swRootFeatNode, root);
    		function RenderFeatureNode(featNode, parentElem) {
    			parentElem.innerText = featNode.Text
    			var ul = document.createElement("UL");
    			var swChildFeatNode = featNode.GetFirstChild()
    			while (swChildFeatNode !== null) {
    				var li = document.createElement("LI");
    				RenderFeatureNode(swChildFeatNode, li);
    				swChildFeatNode = swChildFeatNode.GetNext();
  • Save the file and open in in MS Internet Explorer

    HTML page with input fields
    HTML page with input fields

This page is using ActiveX so the following message can be displayed:

ActiveX restrictions warning in Internet Explorer
ActiveX restrictions warning in Internet Explorer

Click Allow blocked content button

  • Enter the full path to the SOLIDWORKS part into the text box input field

  • Click the Get Feature Tree button

  • Click Yes on the following popup

Warning message regarding the ActiveX content
Warning message regarding the ActiveX content

As the result the feature tree of the part is rendered on the page

SOLIDWORKS part feature tree rendered in HTML
SOLIDWORKS part feature tree rendered in HTML


All articles and code at CodeStack are now open-source and hosted on GitHub. If you want to contribute by modifying existing articles and code snippets, submitting new ones, reporting errors and bugs etc. please follow this blog post for more information. We appreciate any contribution.

Product of Xarial Product of Xarial