Skip to main content
Home  › ... 2sxc Apps › 2sxc Tutorial

Data Tutorials

Tutorial Home
List-Details with three templates and code-only
#13 List-Details with two templates, automatic view-switching
List-Details with two templates, automatic view-switching and query

List Details using Automatic View-Switching

The previous examples showed you how to do things "manually". In this example, the 2sxc-view configuration says that the main view should come when data620 is in the url, and that the details view should come, when data620id (for details) is in the url. This automatic view switching makes life easier and code shorter:).

Requirements
Resources

List of Persons

List-Details with three templates and code-only
#13 List-Details with two templates, automatic view-switching
List-Details with two templates, automatic view-switching and query

Source Code of this file

Below you'll see the source code of the file. Note that we're just showing the main part, and hiding some parts of the file which are not relevant for understanding the essentials. Click to expand the code 

@inherits Custom.Hybrid.Razor14
<!-- unimportant stuff, hidden -->
List Details using Automatic View... <!-- unimportant stuff, hidden -->

  <h3>List of Persons</h3>
<ul>
  @foreach(var person in AsList(App.Data["Persons"])) {
    <li>
      <a href='@Link.To(parameters: "data620id=" + person.EntityId )'>
        @person.FirstName @person.LastName
      </a>
    </li>
  }
</ul>

<!-- unimportant stuff, hidden -->