A VisualStudio-like ListBox class

Sample Image

Environment: VC6 SP1, NT4 SP5, WIN 95/98

This article presents an extended listbox control. Its look and feel resembles the one that you can find in the Tools->Options dialog of Visual Studio environment.
As you can see from the picture, this new listbox allows in-place item editing, and adds also the possibility to show a "browse" button near the edit field.
Moreover, since it is derived from a drag listbox, it is also possible to reorder items through drag and drop, or through Alt+Up/Alt+Down keys.

I also wrote a simple "buddy" class, that you can see in the upper part of the picture, that makes the control even easier to use.

How To Use It

To use this listbox class, simply drop a normal listbox on a dialog and associate it with a CListBoxEx class:

// This class overrides the OnBrowseButton method.
class CMyListBoxEx: public CListBoxEx

 virtual void OnBrowseButton( int iItem )
  CSHBrowseDlg dlgBrowse;
  if ( dlgBrowse.DoModal() ) SetEditText( dlgBrowse.GetFullPath() );

class CListBoxExDemoDlg : public CDialog
// Construction
 // standard constructor
 CListBoxExDemoDlg(CWnd* pParent = NULL);	

// Dialog Data
 CMyListBoxEx	m_ListBoxEx;
It's as easy as that! The OnBrowseButton() is called synchronously when the user clicks on the "..." button. Other events that are called are OnBeginEditing() and OnEndEditing().

If you want to use also the buddy class, drop a button on the dialog, change its properties and make it owner-draw and with a client edge.
Then, in your dialog OnInitDialog() subclass the button control in this way:
// Add the listbox buddy
m_ListBoxExBuddy.SubclassDlgItem( IDC_LISTBUDDY, this );
m_ListBoxExBuddy.SetListbox( &m_ListBoxEx );

Other improvements

I added a lot of (I think) useful methods, that add quite a bit of functionality to the raw listbox and make it a bit more user-friendly:

// Editing & drag are anabled by default
void AllowEditing( BOOL bAllowEditing = TRUE )
m_bAllowEditing = bAllowEditing;

void AllowDrag( BOOL bAllowDrag = TRUE )
m_bAllowDrag = bAllowDrag;

// Editing methods
void BeginEditing( int iItem );
void EndEditing( BOOL fCancel );

// Add a new empty string and begin editing
void EditNew();

void SetEditStyle( DWORD dwEditStyle );

HWND GetEditHandle() const;

void SetEditText( const CString & strNewText ) const;

// Item methods
int MoveItemUp( int iItem );
int MoveItemDown( int iItem );
void SwapItems( int iFirstItem, int iSecondItem );

void SetItem( int iItem, LPCTSTR szItemText, DWORD dwItemData );
void SetItemText( int iItem, LPCTSTR szItemText );

// Virtual (overridables) events
virtual BOOL OnBeginEditing( int iItem );
virtual BOOL OnEndEditing( int iItem, BOOL fCanceled );

virtual void OnBrowseButton( int iItem );


Download demo project - 50 Kb
Download source - 17 Kb


Leave a Comment
  • Your email address will not be published. All fields are required.

Top White Papers and Webcasts

  • As the mobile enterprise marketplace expands and customer needs grow more diverse, Samsung recognizes that solution partners and developers play an essential role by continually innovating to meet their customers' needs. Samsung works to provide these developers and partners with the latest tools and resources needed to create these solutions. Read this program guide to learn how the Samsung Enterprise Alliance Program provides partners and developers with Samsung enterprise software development kits (SDKs) …

  • By providing developers with the right tools to detect, understand, and fix problems early, your business can simplify software development, shorten development lifecycles, and improve the quality of software code. The end result is increased innovation, secure applications, and a faster time to market — all at a lower cost.

Most Popular Programming Stories

More for Developers

RSS Feeds

Thanks for your registration, follow us on our social networks to keep up-to-date