Click here to Skip to main content
11,709,581 members (52,874 online)
Click here to Skip to main content

Groupable ListView

, 15 Sep 2006 CPOL 164.9K 5.6K 194
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)

Share

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.



You may also be interested in...

Comments and Discussions

 
QuestionBad Pin
Member 1164390826-Apr-15 14:58
memberMember 1164390826-Apr-15 14:58 
GeneralVery nice extension! Pin
Sam Jacobs17-Mar-10 12:40
memberSam Jacobs17-Mar-10 12:40 
Generalwrite text in Grouping Pin
Rohit Mahajan21-May-08 21:39
memberRohit Mahajan21-May-08 21:39 
GeneralVista Style Group/Sort Pin
Alexandru Stanciu27-Feb-08 17:54
memberAlexandru Stanciu27-Feb-08 17:54 
QuestionNo scroll bar Pin
Bill W15-Nov-07 4:29
memberBill W15-Nov-07 4:29 
QuestionStrange Issue Pin
-_-_-_-_-_22-Aug-07 21:10
member-_-_-_-_-_22-Aug-07 21:10 
AnswerRe: Strange Issue Pin
-_-_-_-_-_22-Aug-07 21:18
member-_-_-_-_-_22-Aug-07 21:18 
QuestionWidth-Problem when ListView in LargeIcon-Mode Pin
Stephan Mantel17-Jun-07 3:21
memberStephan Mantel17-Jun-07 3:21 
GeneralGrouping Sorted Pin
chancer10116-May-07 4:56
memberchancer10116-May-07 4:56 
GeneralSeem a bug Pin
dvptUml3-Apr-07 16:05
memberdvptUml3-Apr-07 16:05 
Generaluse combobox instead of a toolstrip... [modified] Pin
TheCardinal17-Oct-06 21:04
memberTheCardinal17-Oct-06 21:04 
QuestionExpand/Collapse Group Pin
riz3323-Oct-06 22:06
memberriz3323-Oct-06 22:06 
AnswerRe: Expand/Collapse Group Pin
sonofdaedalus24-Jan-07 8:23
membersonofdaedalus24-Jan-07 8:23 
QuestionRe: Expand/Collapse Group Pin
Soxiz11-Jun-07 11:32
memberSoxiz11-Jun-07 11:32 
QuestionA Question Pin
phonefans15-Sep-06 7:41
memberphonefans15-Sep-06 7:41 
AnswerRe: A Question Pin
Kel_15-Sep-06 9:47
memberKel_15-Sep-06 9:47 
GeneralRe: A Question Pin
phonefans15-Sep-06 16:52
memberphonefans15-Sep-06 16:52 
GeneralThanks but there is no group if listview is full dock Pin
jvhow5-Sep-06 20:59
memberjvhow5-Sep-06 20:59 
GeneralRe: Thanks but there is no group if listview is full dock Pin
Kel_5-Sep-06 22:00
memberKel_5-Sep-06 22:00 
GeneralI think its great. Pin
ilovthecov29-Aug-06 1:16
memberilovthecov29-Aug-06 1:16 
GeneralRe: I think its great. Pin
Kel_29-Aug-06 1:24
memberKel_29-Aug-06 1:24 
Questiontree diagram produced by ? Pin
BillWoodruff26-Aug-06 1:11
memberBillWoodruff26-Aug-06 1:11 
AnswerRe: tree diagram produced by ? Pin
Kel_26-Aug-06 5:51
memberKel_26-Aug-06 5:51 
QuestionWhy this code ???? Pin
DotNET7422-Aug-06 7:04
memberDotNET7422-Aug-06 7:04 
AnswerRe: Why this code ???? Pin
Steven Roebert22-Aug-06 11:07
memberSteven Roebert22-Aug-06 11:07 

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.150819.1 | Last Updated 15 Sep 2006
Article Copyright 2006 by Kel_
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid