Find a post...

DNN-Connect Blogs

New in 2sxc 7: #3 Using Visual Query with Razor Views

This is a part of my series The New Features of 2sxc 7 and introduces you to using the Visual Query together with Razor Views/Templates

There are many ways to consume Query data - the most powerful version on the server is to use Razor. Here there are two ways to use queries:

  1. Assign the query to the Razor-View - so that the data is auto-delivered to the view for rendering
  2. Retrieve the query from within your Razor code. 

First method: Assign the Query to the Template

To tell a template that it must use a predefined Query instead of the normal content-items, you must configure it in the template settings like this:

Now the view will automatically receive the query data into the @Content object and the @Data objects. To then use the data in the razor template you would write things like:

<ol>







@foreach(var Event in AsDynamic(Data["Events"])) {







   <li>@Event.Description</li>







} </ol>

 

Second method: Access the Query from Razor Code

You may have some queries like "Get all Active Categories" which you would like to use in many templates. Since Razor is much more powerful, this can easily be done as follows:







<ol>







@foreach(var Cat in AsDynamic(App.Query["All Active Categories"]["Categories"])) {







   <li><a href="?catId=@Cat.Id">@Cat.Name</a></li>







}







</ol>

You will notice that the syntax is a bit longer - this is because you first need App.Query["All...Categories"] to retrieve the query, and then the second [...] to specify the stream name you want to access in that query. 

A Note on using Presentation in your loops

2sxc offers a special feature called Presentation. This is a page/module-specific additional information on how a content-item (like an address) is to be displayed on this specific page/module. Using it is simple, but requires a bit of background knowledge:

  1. Presentation is only available for content which was really added to a specific module - because only module-specific-content has presentation information. This is because an address can have different presentation-settings in each use-case. 
  2. So if you retrieve a list of all addresses in an App (like App.Data["Address"]) you will not have any specific Presentation
  3. But if you retrieve the Addresses of a specific module, it may have presentation (assuming that the template actually uses presentation). 

In summary - only the Default-Stream and the ListContent-Stream from the ModuleDataSource can have a presentation-property (but doesn't always have one, this depends on the template settings), all other streams don't. Here's how you use it:

Assuming you have a query-pipeline which delivers additional data to the template, and also gives the "normal" module-data in the Default-In-Stream:

...then this is the looping code you would use:

<ol>







@foreach(var Event in AsDynamic(Data["Default"])) {







   <li class="@Event.Presentation.Color">@Event.Description</li> (this will work)







}</ol>







<ol>







@foreach(var Cat in AsDynamic(Data["Categories"])) {







   <li class="@Cat.Presentation.EnableLightbox">@Cat.Name</li> (this will not work)







}</ol>

A note on Query-Parameters with Razor-Views

Since a Query can contain any kind of parameters like or 97 or even these are automatically resolved by the Query-Engine whenever you access the query. You don't have to do anything - it just works. 

Have fun

With love from Switzerland,







Daniel 

Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 600 DNN projects since 1999. He is also chief architect of 2sxc (2SexyContent - see forge), an open source module for creating attractive content and DNN Apps.

Daniel Mettler learned programming with the bible translation computer of his parents, deep in the jungles of Indonesia. Since he was only 12 years old at that time and the BIOS only had a version of BASICA, that's what got him started. With 16 he went back to Switzerland and learned German and basic city-survival skills. Equipped with this know-how he founded 2sic internet solutions in 1999 which was focused on web solutions on the Microsoft platform. After a few self-developed CMSs 2sic switched to DNN in 2003 and has been one of the largest partners (17 employees, 700+ projects) in Europe. Daniel is also the chief architect behind the open source 2sxc, a strong promoter of standardization (boostrap, patterns, AngularJS, checklists, etc.) and loves to eat anything - dead or alive. His motto: if the natives eat it, it game.
Comment(s)

Hosting liberally provided by

Philipp Becker 6012 7
Geoff Barlow 547 4
DNN-Connect 431 6
Peter Donker 5059 30
Christopher Hammond 681 2
Olivier Jooris 419 1
Daniel Mettler 12009 88
Clint Patterson 1 1
Jos Richters 65 1
James Rosewell 327 2
Will Strohl 1546 27
Ernst Peter Tamminga 437 4
Barry Waluszko 2807 2
Declan Ward 453 1
Gifford Watkins 722 9
Torsten Weggen 2697 3