Viewing the type hierarchy

In this section, you will learn about using the Hierarchy view by viewing types and members in a variety of different ways.

In the Script Explorer view, find Test.js. You can also open type hierarchy view:
- From its context menu, select Open Type Hierarchy.
- press F4.
The buttons in the view tool bar control which part of the hierarchy is shown. Click the Show the Type Hierarchy button to see the class hierarchy, including the base types and subtypes.
Click the Show the Supertype Hierarchy button to see a hierarchy showing the type's parent elements including implemented interfaces. This view shows the results of going up the type hierarchy.

In this reversed hierarchy view, you can see that MyTest inherits the Test type.
Click the Show the Subtype Hierarchy button in the view toolbar.
Open the Test.js type and the following method in props section:
```
//> public void test()
test : function() {
	vjo.sysout.println("Test");
}
```
Open the MyTest.js type and the following method in props section:
```
//> public void test()
test : function() {
	vjo.sysout.println("My Test");
}
```
Click the Lock View and Show Members in Hierarchy button in the toolbar of the member pane, then select the test() method in the member pane. The view will now show all the types implementing test().
Use Previous Type Hierarchies to go back to a previously opened element. Click on the arrow next to the button to see a list of elements or click on the button to edit the history list.

Quick Type Hierarchy

If you are working in the editor and only want to do a quick lookup for a hierarchy you can use the Quick Type Hierarchy:

Open MyTest.js file in the VJET editor if you do not already have it open.
Select the type name in the VJET editor
Press Ctrl+T or invoke Navigate > Quick Type Hierarchy and the in-place type hierarchy view is shown.
Pressing Ctrl+T while the type hierarchy view is shown will toggle between supertype hierarchy and subtype hierarchy.

Related reference