Question

I have a members name coming from a database. Now I need to display these items in a list box. I have another table products coming from database.

As per client requirement, I need to display these items in the same list box.

Is it possible to place two lists of items in the same list box separated by empty space? And is it possible to trigger some action when clicking on an item?

Could anyone please help on this?

If it’s not possible with list box, is it possible in a list view to add two groups in a single column separated with white space as shown in the figure above?

Answer 1

Here is a very basic example of a ListView with groups:

This MSDN article has a more advanced example: ListViewGroup Class

Be aware that groups are only supported on certain operating systems (XP and above I think), so you will need to factor this in to your code.

listView1.View = View.Details;
listView1.Columns.Add(new ColumnHeader() { Width=-1 });
listView1.HeaderStyle = ColumnHeaderStyle.None;

ListViewGroup membersGroup = new ListViewGroup("Members", HorizontalAlignment.Left);
listView1.Groups.Add(membersGroup);
listView1.Items.Add(new ListViewItem() { Text = "Member 1", Group = membersGroup });
listView1.Items.Add(new ListViewItem() { Text = "Member 2", Group = membersGroup });

ListViewGroup productsGroup = new ListViewGroup("Products", HorizontalAlignment.Left);
listView1.Groups.Add(productsGroup);
listView1.Items.Add(new ListViewItem() { Text = "Product 1", Group = productsGroup });
listView1.Items.Add(new ListViewItem() { Text = "Product 2", Group = productsGroup });

And here is an example using a TreeView:

var members = new[] 
            {
                new { MemberName = "Member 1", MemberId = 1 },
                new { MemberName = "Member 2", MemberId = 2 }
            };
var products = new[] 
            {
                new { ProductName = "Product 1", ProductId = 1 },
                new { ProductName = "Product 2", ProductId = 2 }
            };

TreeNode membersNode = new TreeNode("Members", members.Select(m => new TreeNode(m.MemberName)).ToArray());
TreeNode productsNode = new TreeNode("Products", products.Select(p => new TreeNode(p.ProductName)).ToArray());

treeView1.Nodes.Add(membersNode);
treeView1.Nodes.Add(productsNode);

Hope these help.