Association Grid Control

Tuesday Nov 14th 2000 by Daniel Larocque

Very cool grid control with vertical labels! Great for representing any two-dimensional data.

Recently, I had to try to find a control that would show associations between several items. I've looked through the CodeGuru Web site to find out such a control. Unfortunately, I did not find any control that met my expectations. In fact, I found a control that was quite similar, written by Chris Copenhaver. The problem was that I needed a more flexible control. I know I could have tried to extend the basic functionalities of his control, but instead of modifying someone else's code, I've decided to code it from scratch.

Basically, I am posting two classes here. The first one is the control itself (CDualGridCtrl) and the second one is a custom view wrapping my grid control (CDualGridView). Thanks to Charles Calvert for his nice article about creating a custom view of our own control.


You can change the font name and font size of the row names, the column names and the squares. Furthermore, you can set the text color of each square. Each square supports two modes: Symbol and Text. In symbol mode, you can set any symbol provided by the WingDings font. You can also change the background color of the control. The control sends two notification messages: AFTER_DRAW_TOPLEFT and SQUARE_CLICK.

AFTER_DRAW_TOPLEFT is called each time the control is drawn, if the top left corner is at least partly visible. This notification message allows you to draw something in the left corner if you wish to.

SQUARE_CLICK is called whenever the user left clicked on a square in the control.

For the implementation of these two notifications, look at the demo code.

How To Use in a SDI or MDI applicaion:

Step 1: Derive a custom class from CView

This is easily done with the Class Wizard. Simply click on the "Add" button and choose "New class...". Select CView as the base class and enter a name for your derived class.

Step 2: Derive your new class from CDualGridView instead of CView

This means you have to (using Search/Replace) replace all instances of CView with CDualGridView in the .cpp file.

Step 3: Override the OnInitialUpdate function in your new view

In the body of that function, fill in the control.

How To Use in a dialog based applicaion:

Step 1: Insert a static control in your dialog resource

Do not associate any variable with it.

Step 2: Insert a CDualGridCtrl variable in your dialog header file.

#include "DualGridCtrl.h"

	CDualGridCtrl m_Grid;

Step 3: Create the control in the OnInitDialog function.

if ( !m_Grid.CreateFromStatic(IDC_STATIC_CHART, 
                              "Grid Ctrl", 
                              this) )
	TRACE("Failed to create the grid control...\n");

The function CreateFromStatic was created by Paul DiLascia. For more details, you can read his article on Microsoft MSJ web site.

Step 4: Fill the control.


m_Grid.AddColumn("Tennis", FALSE);
m_Grid.AddColumn("Hiking", FALSE);

m_Grid.AddRow("Mike", FALSE);
m_Grid.AddRow("Cathy", TRUE); //TRUE = recalc layout



Download source - 13 Kb
Download demo project - 72 Kb
Mobile Site | Full Site
Copyright 2017 © QuinStreet Inc. All Rights Reserved