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

Groupable ListView

, 15 Sep 2006
Rate this:
Please Sign up or sign in to vote.
Extended ListView with GUIs for easy grouping.

Sample Image - GroupableListView.png

Introduction

Some time ago, I thought about writing a small extension to the ListView control. This would dynamically create a graphic user interface to allow the end-user create/modify groups, something like ‘GROUP BY’ in SQL. The control will automatically create a ToolStrip and a ToolStripButton for each column.

Usage

To use the control, just add ExListView.cs to your project, and switch the GroupsGUIs property to true, if you want to give the possibility to group items for the users.

Properties

  • GroupsGUIs - Show or not the ToolStrip to allow group items.
  • ToolStripImage - The image to show on ToolStripButtons of the groups.
  • ShowGroupLabel - Show or hide the 'ShowGroup' label.
  • ShowGroupLabelText - The 'ShowGroup' label. Default: 'Group by:'.

Example

I prepared a small example project, with a ListView which contains some employees. Each employee has a name, sex, and a job. So, if the user wants to group the employees by sex, he just needs to press one button, and the ListView will analyze each ListViewItem and create groups for the data. It creates one group for each different data in selected colums.

Here you see an example of ListView, grouped by Sex and Job:

Sample Image - GroupableListView.png

Code

To analyze and create the groups, I wrote a GroupBy(ColumnHeader[] Headers) method, it’s a simple thread-safe method with a few loops which add groups for each new different data found.

delegate void dGroupBy(ColumnHeader[] Headers);
public void GroupBy(ColumnHeader[] Headers)
{
    if (this.InvokeRequired)
    {
        dGroupBy d = new dGroupBy(GroupBy);
        this.Invoke(d, new object[] { Headers });
    }
    else
    {
        //code
        foreach (ListViewItem lvi in this.Items)
        {
            string header = "";

            foreach (ColumnHeader ch in Headers)
            {
                header += " " + 
                   lvi.SubItems[ch.Index].Text;
            }
            ListViewGroup group = 
                new ListViewGroup(header);
            ListViewGroup found = null;
            foreach (ListViewGroup g in Groups)
            {
                if (g.Header == group.Header)
                { found = g; break; }
            }
            if (found == null)
            {
                this.Groups.Add(group);
                group.Items.Add(lvi);
            }
            else
            {
                found.Items.Add(lvi);
            }
        }
    }
}

Sample Image - GroupableListView.png

History

  • 06/09/06 – v.1.01: Dock fill bug fixed.
  • 20/08/06 – Initial release.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Kel_
Chief Technology Officer Misakai Ltd.
Ireland Ireland
Roman Atachiants is the guy behind www.spike-engine.com project, a real-time, client-server networking layer (SOA, RPC) for .NET developers. Also the founder of Misakai Ltd..
 
He is a software engineer and scientist with extensive experience in different computer science domains, programming languages/principles/patterns & frameworks.
 
His main expertise consists of C# and .NET platform, game technologies, cloud, human-computer interaction, big data and artificial intelligence. He has an extensive programming knowledge and R&D expertise.

 
Follow on   Twitter

Comments and Discussions

 
GeneralVery nice extension! PinmemberSam Jacobs17-Mar-10 12:40 
Generalwrite text in Grouping PinmemberRohit Mahajan21-May-08 21:39 
GeneralVista Style Group/Sort PinmemberAlexandru Stanciu27-Feb-08 17:54 
QuestionNo scroll bar PinmemberBill W15-Nov-07 4:29 
QuestionStrange Issue Pinmember-_-_-_-_-_22-Aug-07 21:10 
AnswerRe: Strange Issue Pinmember-_-_-_-_-_22-Aug-07 21:18 
QuestionWidth-Problem when ListView in LargeIcon-Mode PinmemberStephan Mantel17-Jun-07 3:21 
GeneralGrouping Sorted Pinmemberchancer10116-May-07 4:56 
GeneralSeem a bug PinmemberdvptUml3-Apr-07 16:05 
Generaluse combobox instead of a toolstrip... [modified] PinmemberTheCardinal17-Oct-06 21:04 
QuestionExpand/Collapse Group Pinmemberriz3323-Oct-06 22:06 
AnswerRe: Expand/Collapse Group Pinmembersonofdaedalus24-Jan-07 8:23 
QuestionRe: Expand/Collapse Group PinmemberSoxiz11-Jun-07 11:32 
QuestionA Question Pinmemberphonefans15-Sep-06 7:41 
AnswerRe: A Question PinmemberKel_15-Sep-06 9:47 
GeneralRe: A Question Pinmemberphonefans15-Sep-06 16:52 
GeneralThanks but there is no group if listview is full dock Pinmemberjvhow5-Sep-06 20:59 
GeneralRe: Thanks but there is no group if listview is full dock PinmemberKel_5-Sep-06 22:00 
GeneralI think its great. Pinmemberilovthecov29-Aug-06 1:16 
GeneralRe: I think its great. PinmemberKel_29-Aug-06 1:24 
Thank you very much! Smile | :)
 

-- Everything is possible, even the impossible! ^_^

Questiontree diagram produced by ? PinmemberBillWoodruff26-Aug-06 1:11 
AnswerRe: tree diagram produced by ? PinmemberKel_26-Aug-06 5:51 
QuestionWhy this code ???? PinmemberDotNET7422-Aug-06 7:04 
AnswerRe: Why this code ???? PinmemberSteven Roebert22-Aug-06 11:07 
QuestionReturn of Groupable ListView ....? PinmemberMahesh Sapre20-Aug-06 20:29 

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 | Mobile
Web02 | 2.8.140721.1 | Last Updated 15 Sep 2006
Article Copyright 2006 by Kel_
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid