optional view as opposed to edithtml for tree action - Developing Umbraco 7 packages

Warren Buckley 2106 posts 4836 karma points MVP 7x admin c-trib

Dec 07, 2013 @ 20:58

Optional view as opposed to edit.html for tree action

Hello all,
After following Per's tutorial from the UK Festival here over his GitHub
https://github.com/perploug/UkFest-AngularJS-Demo

I am reworking my Diagnostics package for Umbraco 7 and its coming along nicely, I have a tree controller which adds a custom tree and child nodes into the developer section.

It adds child nodes such as:

General
Macros
Trees
Assemblies
Permissions
etc...

For each node when clicked I would like it to load a different view & Angular controller as opposed to edit.html, so when general or macros is clicked it loads general.html or macros.html etc...

CreateTreeNode() has an option to pass in a different route, but I have been trying different optuons without any luck so far.

My code looks like this at the moment & I would love any pointers or advice anyone could give me so I can use a different view/route for my nodes in my custom tree.

using System;
using System.Net.Http.Formatting;
using Umbraco.Core;
using Umbraco.Web.Models.Trees;
using Umbraco.Web.Mvc;
using Umbraco.Web.Trees;

namespace UmbracoDiagnostics
{
    [Tree("developer", "diagnosticsTree", "Diagnostics")]
    [PluginController("Diagnostics")]
    public class DiagnosticsTreeController : TreeController
    {
        protected override TreeNodeCollection GetTreeNodes(string id, FormDataCollection queryStrings)
        {
            //check if we're rendering the root node's children
            if (id == Constants.System.Root.ToInvariantString())
            {
                //Nodes that we will return
                var nodes   = new TreeNodeCollection();

                //Temp items for testing
                var items = new[] { "General", "Packages", "Users" , "Domains", "Assemblies", "Permissions", "Events", "MVC Routes", "Trees" };

                foreach (var item in items)
                {
                    //When clicked - /App_Plugins/Diagnostics/backoffice/diagnosticsTree/edit.html
                    //URL in address bar - /developer/diagnosticsTree/edit/General
                    var route       = string.Format("diagnosticsTree/{0}", item);
                    var nodeToAdd   = CreateTreeNode(item, null, queryStrings, item, "icon-server", false, route);

                    //Add it to the collection
                    nodes.Add(nodeToAdd);
                }

                //Return the nodes
                return nodes;
            }

            //this tree doesn't suport rendering more than 1 level
            throw new NotSupportedException();
        }

        protected override MenuItemCollection GetMenuForNode(string id, FormDataCollection queryStrings)
        {
           throw new System.NotImplementedException();
        }
    }
}

Thanks,
Warren :)

Flag this post as spam?

Optional view as opposed to edit.html for tree action