Giuliano Dore
Mar 13, 2021
  2447
(10 votes)

The ultimate set of extensions to navigate EPiServer content trees

As I have been working with CMS for a while, I always found content tree navigation to be one of the most important aspects of development for professional projects.

I have been writing about functions to do content tree navigations using EPiServer core functions here and here and with my team we finally decided to open-source and package some of our most popular functions for database-free content search using IContentLoader with our new (beta) package:

Dotcentric.Extensions

The current library is focused on extending IContentLoader to offer a range of helper functions for IContentData and IContent objects:

  • FirstChild - retrieve the first child of a content item - possibly filtered based on an optional predicate.
  • FirstSibling - retrieve the first sibling of a content item - possibly filtered based on an optional predicate.
  • FollowingSibling - retrieve the following sibling of a content item based on a sorting parameter like the name or sort index, etc.
  • FollowingSiblings - retrieve the following siblings of a content item based on a sorting parameter. Examples are above.
  • GetAncestor - retrieve the first ancestor of a content item matching some criteria.
  • GetAncestorOrSelf - retrieve the first ancestor or the current content item based on some criteria.
  • GetAncestors - retrieve a list of ancestors - possibly filtered by an optional predicate.
  • GetDescendent - retrieve the first descendent of the current content item based on some criteria.
  • GetDescendentOrSelf - retrieve the first descendent or the current content item based on some criteria.
  • GetDescendents - retrieve the list of descendents from the current content item, possibly filtered by an optional predicate.
  • LastChild - retrieve the last child of a content item - possibly filtered based on an optional predicate.
  • OrderedSiblingsAndSelf - retrieve the ordered list of siblings + the current content item based on a sorting parameter.
  • PreviousSibling - retrieve the previous sibling of a content item based on a sorting parameter.
  • PreviousSiblings - retrieve the list of previous siblings of a content item based on a sorting parameter.
  • Siblings - retrieve the list of siblings of a content item
  • SiblingsAndSelf - retrieve the list of siblings of a content item + the item itself.

Some notes about our micro-library:

As we are working with content tree items and concepts like parents, ancestors, children and descendents, most of the functions include a generic type constraint where the content item must inherit from IContent. The reason being that this is the highest abstraction available that contains a ParentLink property, mandatory for us to do bottom up navigation for functions like GetAncestor.

The project is available on github: https://github.com/dotcentric/Dotcentric.EPiServer.Extensions - I added an Alloy website project that I extended to offer a TestsPage where I tried some scenarios like:

  • find all the ancestors of the current page with more than 2 children
  • find all the "standard page" ancestors of the 'Find a reseller' page
  • find the next sibling by name of the page named 'alloy plan'

The "tests" are available here: https://github.com/dotcentric/Dotcentric.EPiServer.Extensions/blob/main/Dotcentric.Extensions/Dotcentric.Extensions.Website/Controllers/TestsPageController.cs - I didn't use unit-tests as it felt like a massive amount of work.

As we used the best abstraction we could find, we can use the helper functions for the CMS content tree but also for the EPiServer Commerce tree and enable the  behaviors like these:

  • I want to retrieve all the products of a specific type.
  • I want to retrieve the siblings of a category based on a specific name
  • I want to retrieve all the catalogs that have more than 2 categories.

If you find a bug or a possible improvement feel free to send a PR, feedback is more than welcome 😁

Cheers,

Giuliano

Mar 13, 2021

Comments

Sam Brooks
Sam Brooks Mar 13, 2021 04:17 PM

This package will be really useful to us. One of the tasks I find myself sinking time into at the early stage of every new episerver project is to add content loader extensions like this as they really help to reduce repetition in the code. Having it all in a package like this will save me a lot of time.

Jon Sexton
Jon Sexton Mar 17, 2021 01:14 PM

Excellent notion of an extension that will undoubtedly save a lot of time and effort moving forward, well done Giuliano.

Please login to comment.
Latest blogs
Copy Optimizely SaaS CMS Settings to ENV Format Via Bookmarklet

Do you work with multiple Optimizely SaaS CMS instances? Use a bookmarklet to automatically copy them to your clipboard, ready to paste into your e...

Daniel Isaacs | Dec 22, 2024 | Syndicated blog

Increase timeout for long running SQL queries using SQL addon

Learn how to increase the timeout for long running SQL queries using the SQL addon.

Tomas Hensrud Gulla | Dec 20, 2024 | Syndicated blog

Overriding the help text for the Name property in Optimizely CMS

I recently received a question about how to override the Help text for the built-in Name property in Optimizely CMS, so I decided to document my...

Tomas Hensrud Gulla | Dec 20, 2024 | Syndicated blog

Resize Images on the Fly with Optimizely DXP's New CDN Feature

With the latest release, you can now resize images on demand using the Content Delivery Network (CDN). This means no more storing multiple versions...

Satata Satez | Dec 19, 2024

Simplify Optimizely CMS Configuration with JSON Schema

Optimizely CMS is a powerful and versatile platform for content management, offering extensive configuration options that allow developers to...

Hieu Nguyen | Dec 19, 2024

Useful Optimizely CMS Web Components

A list of useful Optimizely CMS components that can be used in add-ons.

Bartosz Sekula | Dec 18, 2024 | Syndicated blog