Every item a.k.a. object is called an Entity. Entities will have properties like Name
, ProductNumber
or Birthday
, depending on the Content-Type they represent.
How your Razor Code receives Entities
When things are configured correctly, the right entities are given to your Razor-template so you can just show them or perform calculations as you need them. These are the common ways for the entities to be provided to your template:
- On simple templates, the UI allows users to add/edit content of a specific type (configured in the View). This content Entity is always available in your code in the variable called
MyItem
or Content
on older Razors.
- On templates which expect many items of the same type,
MyItem
/Content
contains the first item only. To access all (for iterating and showing each one) the Entities are in a variable called MyItems
(Data
on older Razors).
- If your code needs to find other data in the App, it can access it through
App.Data
.
- If your code want to get Entities which have been pre-selected/filtered etc. through a query, it will get them from
Query
In this example the template is configured to contain an Entity of the type Person
and has these fields:
- FirstName: a string (text)
- LastName: a string
- Birthday: a date
- Mugshot: a link to an image file
- Awards: a reference to one or more other Entities which describe awards
So the following examples will show how to put the values in these fields into the HTML.
In the new typed RazorPro
the current item is on a variable called MyItem
. It's a typed object, so to read properties you need to specify what you want it, eg. @MyItem.String("FirstName")
.
This sample also uses the @MyItem.Picture(...)
to automatically show a responsive image on the page.
In the dynamic Razor base classes lke Razor14
the current item is always available on the variable called Content
. It's a dynamic
object, so you can just type things like @Content.FirstName
to access the properties.
This sample also uses the @Kit.Image.Img(...)
to automatically show a responsive image on the page.