App

Data List-Details

Tutorial Home › List-Details

List Details using Automatic View-Switching

#4 List Details using Automatic View-Switching and Query

Look at the Content-Type of something

Requirements

2sxc 06.05

Resources

App Data

LINQ Basics

List Details using Automatic View-Switching and Query

The previous examples showed you how to do auto-switch views. This example makes the code even easier, by telling the details-view to pick up the details-item from a query. You can see the query and how it's configured to the right.

⬇️ Result | Source ➡️

Details using Automatic View-Switching

You now see the details page. The code is even shorter, because it is using a query, which already does the look-for-id. The image to the right shows where this configuration is applied to the view.

Details of Raphael Müller (not an author)

back to list

@inherits Custom.Hybrid.Razor14

<h4>List of Persons</h4>
<ul>
  @foreach (var person in AsList(App.Data["Persons"])) {
    <li>
      <a href='@Link.To(parameters: CmsContext.Page.Parameters.Set("id", person.EntityId))'>
        @person.FirstName @person.LastName
      </a>
    </li>
  }
</ul>

Source Code of Snip-Query-Details.Dyn.cshtml
@inherits Custom.Hybrid.Razor14

<h2>Details using Automatic View-Switching</h2>
<p>
  You now see the details page. The code is even shorter, because it is using a query, which already does the <em>look-for-id</em>. The image to the right shows where this configuration is applied to the view. 
</p>
</trim>

<img loading="lazy" src="@Content.Mugshot?w=50&h=50&mode=crop" width="50px" style="border-radius: 50%" class="float-left">
<h3>Details of @Content.FirstName @Content.LastName</h3>
<a href='@Link.To(parameters: CmsContext.Page.Parameters.Remove("Id"))'>back to list</a>