Click here to Skip to main content
Click here to Skip to main content

CPropTree v1.0 - Property Tree Control

, 1 Jan 2002
Rate this:
Please Sign up or sign in to vote.
Custom MFC tree control that support dynamic editable items

Sample Image Sample Image Sample Image

Introduction

The CPropTree class implements a tree control that is similar to the property view seen in Visual Studio .Net. The source project compiles to a DLL so you can easily incorporate it into your project. You can check my web page for more information on the control.

The control has two window areas:

  • Tree Control
  • Descriptive area

The tree control section functions just a like a normal tree control with an addition of a splitter bar separating the tree item properties. Tree item properties are inherited from the CPropTreeItem class. These items can be edit controls, static text, dropdown combo list, or any type of control you wish to create. Items on the root level of the tree control do not have editable properties. They are used as section headers.

Tree items can contain checkboxes. By default properties that are editable (non-readonly), are displayed in bold lettering. Read only or non-editable items are displayed in a normal font.

The descriptive area displays the selected item's text and any informational text. This section can be displayed or hidden by calling CPropTree::ShowInfoText().

Implementation

To use the control, create an instance of the class in your dialog or view class header. In the OnInitDialog() or OnCreate() initialize the control:

DWORD dwStyle;
CRect rc;

// PTS_NOTIFY - CPropTree will send notification messages to the parent window
dwStyle = WS_CHILD|WS_VISIBLE|PTS_NOTIFY;

// Init the control's size to cover the entire client area
GetClientRect(rc);

// Create CPropTree control
m_Tree.Create(dwStyle, rc, this, IDC_PROPERTYTREE);

To add items to the control, dynamically create objects inherited by the CPropTreeItem class and call the CPropTree::InsertItem() method.

CPropTreeItem* pItem1;

pItem1 = m_Tree.InsertItem(new CPropTreeItem());
pItem1->SetLabelText(_T("Properties"));
pItem1->SetInfoText(_T("This is a root level item"));

CPropTreeItem* pItem2;

pItem2 = m_Tree.InsertItem(new CPropTreeItemEdit(), pItem1);
pItem2->SetLabelText(_T("EditItem"));
pItem2->SetInfoText(_T("This is a child item of Properties, with an edit control"));

pItem2->SetItemValue((LPARAM)_T("This is some default text for the edit control"));

Advanced Features

Notification Messages

The control uses WM_NOTIFY notification messages to signal events. Add a ON_NOTIFY message handler to the parent window to process notifications. The control supports most of the common NM_ codes with addition of the following CPropTree specific WM_NOTIFY codes.

  • PTN_INSERTITEM when an item is inserted
  • PTN_DELETEITEM when an item is about to be deleted
  • PTN_DELETEALLITEMS when a call is made to delete all items
  • PTN_ITEMCHANGED when an item's property has been modified
  • PTN_SELCHANGE when the current selection changed
  • PTN_ITEMEXPANDING when an item is about to expand or close
  • PTN_COLUMNCLICK when the mouse clicks on the splitter bar
  • PTN_PROPCLICK when the mouse clicks on an item's property area
  • PTN_CHECKCLICK when the mouse clicks on an item's checkbox

PTN_ notification messages returns the NMPROPTREE structure. You can use this structure along with the CPropTreeItem::SetCtrlID() method to determine the tree item that sent an event.

[...]
	//}}AFX_MSG_MAP
	ON_NOTIFY(PTN_ITEMCHANGED, IDC_PROPERTYTREE, OnItemChanged)
END_MESSAGE_MAP()


void CMyDialog::OnItemChanged(NMHDR* pNotifyStruct, LRESULT* plResult)
{
	LPNMPROPTREE pNMPropTree = (LPNMPROPTREE)pNotifyStruct;

	if (pNMPropTree->pItem)
	{
		// retrieve pItem's changed data
	}

	*plResult = 0;
}

Custom Property Items

The library already has some default derived CPropTreeItem classes ready to use. Such as an edit control CPropTreeItemEdit, color picker CPropTreeItemColor, dropdown combobox CPropTreeItemCombo and static text CPropTreeItemStatic. To create your own custom property items:

  • Create your own class inherited by CPropTreeItem. This class usually will have multiple inheritance depending on what type of item you want to create.
    class CMyCustomEditPropItem : public CEdit, public CPropTreeItem
    {
    public:
    	CMyCustomEditPropItem();
    	virtual ~CMyCustomEditPropItem();
    
    	[...]
    };
    
    class CMyCustomComboBoxPropItem : public CComboBox, public CPropTreeItem
    {
    public:
    	CMyCustomComboBoxPropItem();
    	virtual ~CMyCustomComboBoxPropItem();
    
    	[...]
    };
    
  • Override the CPropTreeItem virtual methods to implement your property item.
  • Dynamically create an instance of your class and insert it into a CPropTree control.

The methods most often overriden from CPropTreeItem are:

  • CPropTreeItem::OnActivate(). Called when the property area is clicked by the mouse or the enter key has been pressed on the selected item. The OnActivate() method is where you show the property item's window if it has one (such as an edit control or a popup menu).
  • CPropTreeItem::OnCommit(). Called when data has been commited. In this method you would extract the changed data and hide the property's item's window. OnCommit() gets called when CommitChanges() is called. A derived CPropTreeItem class would call CommitChanges() during a loss of the input focus or if the "Enter" key is press as in a edit control.
  • CPropTreeItem::DrawAttribute(). CPropTree calls DrawAttribute() when the property item needs to be displayed. Drawing is done directly on the display context of the PropTree control.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

sramsay

United States United States
No Biography provided

Comments and Discussions

 
GeneralIcons instead of +/- Rectangles PinmemberDibi18-Jul-02 10:17 
GeneralEnable/Disable a TreeItem Pinmemberfoxi7714-Jul-02 23:40 
QuestionBug in editable field ? PinsussAnonymous10-Jul-02 3:34 
AnswerRe: Bug in editable field ? PinmemberAlexP9681-Aug-04 14:54 
QuestionWhy could it not work in the release mode? PinmemberZazu5-Jul-02 0:56 
AnswerRe: Why could it not work in the release mode? PinmemberAnonymous8-Jul-02 19:38 
GeneralHelp request on compiling PinmemberMightyThor3-Jul-02 2:58 
GeneralRe: Help request on compiling PinmemberMightyThor4-Jul-02 11:16 
QuestionGood job!!! How about In-Place ToolTip? PinmemberAnonymous11-Jun-02 21:20 
GeneralBug PinmemberChris982029-May-02 1:32 
GeneralCould we underline Items in tree controls PinmemberbigZidane15-May-02 21:47 
GeneralEasy way to edit root node PinmemberRobert Vista13-May-02 8:39 
GeneralTabbing PinmemberAnonymous9-May-02 5:15 
GeneralMinor bug fix Pinmembersoichi28-Mar-02 12:57 
I have realized that if I have lots of items on the tree and when prop list is re-drawn, it redraw without scrollbar. Scrollbar will soon appear when I click the scroll bar region.
 
I tried to call Invalidate() after I inserted/modified items dynamicly so that this won't happen, but it still did.
 
The problem is that CPropTree doesn't implement its own Invalidate(). In order for most MFC programmers to intuitively fix this type of issue, CPropTree should have function.
 
CPropTree::Invalidate()
{
UpdatedItems()
}
 
So I don't have to find out what I really needed to do is m_propTree->UpdateItems().
 

GeneralRe: Minor bug fix PinmemberAlexP9681-Aug-04 14:58 
GeneralTrouble deleting items Pinmembergbowers26-Feb-02 8:35 
GeneralRe: Trouble deleting items PinmemberAnonymous19-May-02 21:01 
GeneralGood one, thanks! PinsussAnonymous26-Aug-02 18:28 
GeneralRe: Trouble deleting items PinmemberAlweit13-Dec-02 4:43 
GeneralFailed to create object (?) PinmemberX. van Tilburg15-Feb-02 4:33 
GeneralRe: Failed to create object (?) PinmemberX. van Tilburg19-Feb-02 6:22 
GeneralBug on color depth change Pinmemberdewey10-Feb-02 15:58 
Generala common BUG PinmemberNick Avrionov30-Jan-02 15:52 
GeneralRe: a common BUG Pinmembersramsay30-Jan-02 16:20 
GeneralStatic version PinmemberPatrik Müller30-Jan-02 1:01 
GeneralRe: Static version Pinmembersramsay30-Jan-02 16:26 
GeneralRe: Static version PinmemberPatrik Müller30-Jan-02 19:49 
GeneralSuggestion PinmemberJurgenThor22-Jan-02 0:00 
GeneralRe: Suggestion Pinmembersramsay22-Jan-02 6:30 
GeneralRe: Suggestion PinmemberJurgenThor23-Jan-02 12:34 
GeneralAnother properties control PinmemberAndreane14-Jan-02 4:54 
GeneralReally Cool (and one criticism) PinmemberJoel Holdsworth8-Jan-02 10:58 
GeneralRe: Really Cool (and one criticism) Pinmembersramsay12-Jan-02 16:53 
GeneralBeautiful!! PinmemberLance8-Jan-02 2:06 
GeneralGood control PinmemberRob Riebau4-Jan-02 8:23 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web01 | 2.8.1411023.1 | Last Updated 2 Jan 2002
Article Copyright 2002 by sramsay
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid