Create a plug-in

[DynamicContentPlugIn(
  DisplayName = "UserControlDynamicContentPlugin",
  Description = "Example of a Dynamic Content plugin as a user control.",
  ViewUrl = "~/Examples/UserControlDynamicContentPlugin.ascx")]
public partial class UserControlDynamicContentPlugin: UserControl {
  // Properties of the following basic types that have public getters
  // and setters are supported by the autogenerated edit interface.
  public string MyString {
    get;
    set;
  }
  public int MyInt {
    get;
    set;
  }
  public bool MyBool {
    get;
    set;
  }

  // The same is true for EPiServer.Core.PageReference...
  public PageReference MyPageReference {
    get;
    set;
  }

  // ...and types inheriting from EPiServer.Core.PropertyData,
  // illustrated here with PropertyString.
  public PropertyString MyPropertyString {
    get;
    set;
  }

  protected void Page_Load(object sender, EventArgs e) {
    if (!IsPostBack) {
      DataBind();
    }
  }
}

<%# MyString %>
<%# MyInt %>
<%# MyBool %>
<%# MyPageReference %>
<%# MyPropertyString %>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using EPiServer.DynamicContent;
using EPiServer.PlugIn;
using EPiServer.Data.Dynamic;
using EPiServer.Core;

namespace CodeSamples.Additional_Content.HowTo {
  /// <summary>
  /// Dynamic content showing the first 100 items in a Dynamic Data Store.
  /// A specific editor is used to select store.
  /// </summary>
  [GuiPlugIn(Url = "~/EPiServer/DynamicContent/DdsViewerDynamicContentEdit.ascx", Area = PlugInArea.DynamicContent)]
  public class DdsViewerDynamicContentUsingRazor: IDynamicContentBase {
    /// <summary>
    /// Gets and sets the selected store
    /// </summary>
    public string State {
      get;
      set;
    }

    /// <summary>
    /// This property is not used, because a specific editor is used.
    /// </summary>
    public PropertyDataCollection Properties {
      get {
        return null;
      }
    }

    /// <summary>
    /// Gets the first 100 hits from the selected store
    /// </summary>
    public IEnumerable<PropertyBag>Top100 {
      get {
        return DynamicDataStoreFactory.Instance.GetStore(State).ItemsAsPropertyBag().Take(100).ToList();
      }
    }
  }
}

@using CodeSamples.Additional_Content.HowTo
@model DdsViewerDynamicContent
        
<h2>Store: @Model.State</h2>
        
<table>
  @if (@Model.Top100.Count() > 0) { 
    <tr>
      @foreach (string column in @Model.Top100.First().Keys) { 
        <th>@column</th>
      }
    </tr>
   }
        
  @foreach (var propertyBag in @Model.Top100) { 
    <tr>
      @foreach (var value in propertyBag.Values) {
        <td>@value</td>
      }
    </tr>
  }
</table>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using EPiServer.DynamicContent;
using EPiServer.PlugIn;
using EPiServer.Data.Dynamic;
using System.IO;
using System.Web.Mvc;
using EPiServer.Core;

namespace CodeSamples.Additional_Content.HowTo {
  /// <summary>
  /// Dynamic content showing the first 100 items in a Dynamic Data Store.
  /// A specific editor is used to select store.
  /// </summary>
  [GuiPlugIn(Url = "~/EPiServer/DynamicContent/DdsViewerDynamicContentEdit.ascx", Area = PlugInArea.DynamicContent)]
  public class DdsViewerDynamicContentUsingIView: IDynamicContentBase, System.Web.Mvc.IView {
    /// <summary>
    /// Gets and sets the selected store
    /// </summary>
    public string State {
      get;
      set;
    }

    /// <summary>
    /// This property is not used, because a specific editor is used.
    /// </summary>
    public PropertyDataCollection Properties {
      get {
        return null;
      }
    }

    /// <summary>
    /// Gets the first 100 hits from the selected store
    /// </summary>
    public IEnumerable<PropertyBag> Top100 {
      get {
        return DynamicDataStoreFactory.Instance.GetStore(State).ItemsAsPropertyBag().Take(100).ToList();
      }
    }

    /// <summary>
    /// Renders the data received from the selected store
    /// </summary>
    /// <param name="context">The context.</param>
    /// <param name="writer">The writer.</param>
    public void Render(ViewContext context, TextWriter writer) {
      foreach(PropertyBag propertyBag in Top100) {
        foreach(var value in propertyBag) {
          writer.Write(value);
        }
      }
    }
  }
}