I have this structure of List<Object>
, to be specific it is a "CategoryItem" Object. Here's my declaration of "CategoryItem" Object.
public class CategoryItem
{
public string Name { get; set; }
public int CategoryID {get; set;}
public int ParentID {get; set; }
public List<CategoryItem> SubCategory {get; set;}
}
Here's my sample data structure:
[0] CategoryID: 249
Name: "WelcomeNC"
ParentID: 0
SubCategory: length=4
[0] CategoryID: 250
Name: "CNC"
ParentID: 249
SubCategory: length=0
[1] CategoryID: 251
Name: "Production"
ParentID: 249
SubCategory: length=0
[2] CategoryID: 252
Name: "Administrative"
ParentID: 249
SubCategory: length=1
[0] CategoryID: 261
Name: "NPower"
ParentID: 252
SubCategory: length=0
[3] CategoryID: 253
Name: "Help"
ParentID: 249
SubCategory: length=1
[0] CategoryID: 254
Name: "7"
ParentID: 253
SubCategory: length=1
[0] CategoryID: 255
Name: "CHLK"
ParentID: 254
SubCategory: length=0
[1] CategoryID: 111
Name: "First"
ParentID: 0
SubCategory: length=0
My problem is, how do I step in each and every 'CategoryItem' object of my declared:
List<CategoryItem> categoryItems = new List<CategoryItem>();
So that I can display it in an unordered list in html like this
- WelcomeNC
- CNC
- Production
- Administrative
- Help
- First
Is there a way to do this?
If your CategoryItem doesn't contain a list of its children (like in the first version of the question), I would first of all build a Dictionary that foreach CategoryID gives you all the subcategory items, then recursively print all your items using this dictionary and starting with the items with parent "0". Assuming that Print is the instruction that print the data associated with your item, and that it takes as the only parameter the level of indentation, the code will look like this:
public static void PrintItems(List<CategoryItem> items)
{
Dictionary<string, List<CategoryItem>> dictOfChildren = new Dictionary<string, List<CategoryItem>>();
// loop through all the items grouping them according to their ParentID
foreach (CategoryItem anItem in items)
{
List<CategoryItem> children;
if (!dictOfChildren.TryGetValue(anItem.ParentID, out children))
{
children = new List<CategoryItem>();
dictOfChildren[anItem.ParentID] = children;
}
children.Add(anItem);
}
// recursively print all the items starting from the ones with ParentID = 0
// the dictionary is passed to the method in order to be able to find the children of each item
PrintItems(dictOfChildren["0"], dictOfChildren, 0);
}
private static void PrintItems(List<CategoryItem> list, Dictionary<string, List<CategoryItem>> dictOfChildren, int levelOfIndentation)
{
foreach (CategoryItem anItem in list)
{
// first print the current item
anItem.Print(levelOfIndentation);
// then recursively print all its children
List<CategoryItem> children;
if (dictOfChildren.TryGetValue(anItem.CategoryID, out children) &&
children.Count > 0)
PrintItems(children, dictOfChildren, levelOfIndentation + 1);
}
}
It's not really object oriented, but this should give you a hint about the direction to follow.
EDIT:
I saw that you edited the question and that now you have added the SubCategory property. This makes things much simpler and you can simply do:
public static void PrintItems(List<CategoryItem> items)
{
// call a recursive method passing 0 as level of indentation
PrintItems(items, 0);
}
public static void PrintItems(List<CategoryItem> items, int levelOfIndentation)
{
foreach (CategoryItem anItem in items)
{
// print the currentItem
anItem.Print(levelOfIndentation);
// increment the level of indentation and callk the same method for the children
PrintItems(anItem.SubCategory, levelOfIndentation + 1);
}
}
Maybe take a look at the TreeView control? http://msdn.microsoft.com/en-us/library/7a9swst5(v=vs.80).aspx
The ASP.NET TreeView control is designed to present users with data in a hierarchical structure. Users can open individual nodes that can in turn contain child nodes. The TreeView control is suitable for displaying XML data, but can be used for any data that can be represented in a hierarchy.
I think it will be what you want.
Otherwise, it's a matter of iterating through each item in your list and recursively processing each sub-item which may or may not have more sub-items. It's tricky, but only at first.
A simple not optimal but simple solution will be to just iterate the list and for each of the items you count how many times you call its parent id before it its 0. So then you know how many levels of identation your <li>
must have.
You need to create a recursive Method that "renders" a category item. This methods needs to be aware of the level or current depth in order render to correct indenting:
private void RenderCategory(HtmlTextWriter writer, CategoryItem item, int level)
{
writer.Write("<li style='padding-left: {0}px'>{1}</li>",
level * 5,
HttpUtility.HtmlEncode(item.Name));
int nextLevel = ++level;
foreach (CategoryItem child in item.SubCategories)
{
RenderCategory(writer, child, nextLevel);
}
}
Read up on recursion. There are quite a few samples out there. The ones on Wikipedia are simple but the principle is the same: solve the problem on one "level", then call the same method recursively on each sublevel.