How to apply rendering to child items

Question

Assume I have a menu with menu sections.

The menu has a title, opening paragraph, and a list of menu sections.

content
    title - Single line text
    paragraph - Rich text
    sections - Multilist

A menu section might be: Burgers, Pasta, Pizza.

I have a Model controller for the Menu.

The Model is just a copy of the fields in the Sitecore item:

  public string Title
  public string Paragraph
  public Item[] Sections

Index.cshtml looks like this:

<h2>@Model.Title</h2>
<div>@Model.Paragraph</div>
<hr />
@foreach (var section in Model.Sections)
{
  // how do I apply a rendering to a Sitecore item (id)?
}

And of course I would like to add / move / remove / modify Sections in the Experience Editor.

Rolan

Answer 1

What you want can be done like this:

<h2>@Model.Title</h2>
<div>@Model.Paragraph</div>
<hr />
@foreach (Sitecore.Data.Items.Item section in Model.Sections)
{
    @Html.Sitecore().Rendering("/sitecore/layout/Renderings/MySectionsRendering", new
    {
        DataSource = section.ID
    });
}

Side note: I do encourage you to work with placeholders in your Layout.cshtml and then adding the above code to a separate Rendering which is bound to the placeholder via standard values.