Most of the websites I have worked on already existed before upgrading them to DD4T. This means the navigation has already been implemented, usually as means of publishing an XML file from Tridion (most always called navigation.xml ;-) ), and then rendered dynamically at request time by means of XSLT transformation.
This setup makes it quite easy to implement navigation in DD4T. I always try to reuse what I have, and the existing navigation.xml is a perfect candidate. We can reuse the Tridion template and Template Building Block that generates the navigation without any modification.
The generated navigation.xml can be even published to file-system, so other parts of the website can still use it. Alternatively, we can store it in the Content Delivery DB.
The approach for generating navigation in DD4T relies in creating an object model from the navigation XML by deserialization, then caching it for faster performance. Everything is wrapped inside a singleton factory wired through Ninject (or whatever other dependency injection framework you happen to use), and voilà -- you've got navigation.
We need to create model classes with properties for each attribute in the XML. Luckily, Visual Studio has already a tool that does that automatically -- xsd.exe.
The execution of the xsd.exe program above generates model class navigation.cs, which after some beautification, looks something like this:
And after some more beautification, the code looks like this (note that I added property ParentItem and marked it ignorable while deserialization -- this will hold a reference to the parent navigation item):
The ParseXml method is to be called from the NavigationFactory, but more about that in a follow-up post.
Check out the follow-up post Navigation (part 2) for a showcase of the NavigationFactory and a way of creating a fully-linked navigation object model.
This setup makes it quite easy to implement navigation in DD4T. I always try to reuse what I have, and the existing navigation.xml is a perfect candidate. We can reuse the Tridion template and Template Building Block that generates the navigation without any modification.
The generated navigation.xml can be even published to file-system, so other parts of the website can still use it. Alternatively, we can store it in the Content Delivery DB.
The approach for generating navigation in DD4T relies in creating an object model from the navigation XML by deserialization, then caching it for faster performance. Everything is wrapped inside a singleton factory wired through Ninject (or whatever other dependency injection framework you happen to use), and voilà -- you've got navigation.
Object Model
First we need a model to hold the navigation objects. We have the navigation XML, which usually represents a structure of very similar nested nodes.<root> <nav uri="tcm:1-2-4" title="Root" url="/default.aspx"> <nav uri="tcm:1-3-4" title="Products" url="/products/default.aspx"> <nav uri="tcm:1-4-64" title="Product 1" url="/products/product-1.aspx"/> <nav uri="tcm:1-5-64" title="Product 2" url="/products/product-2.aspx"/>
We need to create model classes with properties for each attribute in the XML. Luckily, Visual Studio has already a tool that does that automatically -- xsd.exe.
C:\Temp>xsd navigation.xml Microsoft (R) Xml Schemas/DataTypes support utility [Microsoft (R) .NET Framework, Version 4.0.30319.33440] Copyright (C) Microsoft Corporation. All rights reserved. Writing file 'C:\Temp\navigation.xsd'. C:\Temp>xsd navigation.xsd /classes Microsoft (R) Xml Schemas/DataTypes support utility [Microsoft (R) .NET Framework, Version 4.0.30319.33440] Copyright (C) Microsoft Corporation. All rights reserved. Writing file 'C:\Temp\navigation.cs'.
The execution of the xsd.exe program above generates model class navigation.cs, which after some beautification, looks something like this:
using System.Xml.Serialization; public partial class nav { private nav[] nav1Field; private string uriField; private string titleField; private string urlField; [XmlElementAttribute("nav")] public nav[] nav1 { get { return this.nav1Field; } set { this.nav1Field = value; } } [XmlAttributeAttribute()] public string uri { get { return this.uriField; } set { this.uriField = value; } } [XmlAttributeAttribute()] public string title { get { return this.titleField; } set { this.titleField = value; } } [XmlAttributeAttribute()] public string url { get { return this.urlField; } set { this.urlField = value; } } }
And after some more beautification, the code looks like this (note that I added property ParentItem and marked it ignorable while deserialization -- this will hold a reference to the parent navigation item):
using System.Xml.Serialization; [XmlRoot(Namespace = "", ElementName = "root", IsNullable = false)] public partial class Navigation { [XmlElement("nav")] public NavigationItem[] Items { get; set; } } [XmlRoot(Namespace = "", IsNullable = false)] public partial class NavigationItem { [XmlElement("nav")] public NavigationItem[] ChildItems { get; set; } [XmlIgnore] public NavigationItem ParentItem { get; set; } [XmlAttribute("uri")] public string Uri { get; set; } [XmlAttribute("title")] public string Title { get; set; } [XmlAttribute("url")] public string Url { get; set; } }
Deserialization
Next, we need to deserialize the XML into our model class. The method below performs the deserialization of an XML navigation file. Similar code could be used to deserialize a String representing navigation XML coming from the database.private T ParseXml<T>(string filePath) where T : class { try { using (XmlReader reader = XmlReader.Create(filePath, new XmlReaderSettings() { ConformanceLevel = ConformanceLevel.Document })) { return new XmlSerializer(typeof(T)).Deserialize(reader) as T; } } catch (IOException ioe) { LOG.Error("Can't read navigation file " + filePath, ioe); return null; } }
The ParseXml method is to be called from the NavigationFactory, but more about that in a follow-up post.
Navigation navigation = ParseXML<Navigation>(navigationFilePath);
Check out the follow-up post Navigation (part 2) for a showcase of the NavigationFactory and a way of creating a fully-linked navigation object model.
Comments