N2 for MVC - how to make zones work?

Question

I look at N2 CMS Minimal example for MVC (from here )

I understood most of this, but I see that N2 supports “Parties”, which you can move to “Zones”.

How to get zones and parts working in a minimal example?

The team Html.Zone()does not seem to work because of the box.

Answer 1

With a little help libardo on the N2 forum

Here's the “minimal” way to add zones and parts to the minimal N2 example for MVC:

1) Add this namespace to web.config pages.namespaces node:

<pages>
  <namespaces>
    ...
    <add namespace="N2.Web.Mvc.Html"/>
    ...

2) , AvailableZones:

using N2.Integrity;
...

[Definition("ContainerPage")]
[AvailableZone("Right", "MyRightZone")]
public class ContainerPage : N2.ContentItem
{
   ...

3) N2, , :

[Controls(typeof(ContainerPage))]
public class ContainerController : ContentController<ContainerPage>
{
    ...

4) Html.DroppableZone:

<div class="n2zone">
  <% Html.DroppableZone("MyRightZone").Render(); %>
</div>

5) , . Title . , PartDefinition , :

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using N2;
using N2.Details;

namespace MyProject.Models
{
    [PartDefinition("SimplePart")]
    [WithEditableTitle("Title", 10)]
    public class SimplePart : ContentItem
    {
        [DisplayableLiteral()]
        public override string Title
        {
            get { return base.Title; }
            set { base.Title = value; }
        } 
    }
}

6) . N2, , Index PartialView:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using N2.Web;
using N2.Web.Mvc;
using MyProject.Models;

namespace MyProject.Controllers
{
    [Controls(typeof(SimplePart))]
    public class SimplePartController : ContentController<SimplePart>
    {

        public override ActionResult Index()
        {
            return PartialView(CurrentItem);
        }

    }
}

7) , . :

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MyProject.Models.SimplePart>" %>
<div class="simplePart">
  <%= Html.DisplayContent(m => m.Title) %>
</div>

N2 SimpleParts, , ContainerPage.