Outline Demo

This sample shows how you can use the VSFlexGrid as an outliner to display structured (or hierarchical) data.

When used as an outliner, the VSFlexGrid control behaves like a Tree control, displaying nodes that can be collapsed or expanded to show branches containing subordinate data.

The sample reads several .INI files and presents each one as a node. Each file node has a collection of sub-nodes that contains sections within the corresponding .INI file. Each section node contains branches that show the tokens and settings stored in the corresponding section. Here is how the final project will look:


Step 1: Create the Control

Step 2: Read the Data and Build the Outline

Step 3: Use the Outline

Step 4: Custom Mouse and Keyboard Handling