Cheatsheet for Razor Page

#cheatsheet #razor #dotnet #razorpage

Keywords

View

ViewData|ViewBag|TempData|@page|@model@addTagHelper|@removeTagHelper|@Html.AntiForgeryToken()RenderBody|RenderSectionHtml.BeginForm("<Action>","<Controller>")Html.RenderPartialAsync("<Name of file with extension .cshtml>")Html.DisplayNameFor(model=>model.ReleaseDate)Html.DisplayFor(model=>model.Title)

Model

ViewData|ViewBag|TempData|View()|Page()IActionResult|ModelState|RedirectToPage

Data Annotation

Reference:https://dev.to/ssmak/test-2fl0

[BindProperty]|[BindProperty(Name="Name123")]|[BindProperty(SupportsGet=true)][Key]|[DisplayName]|[Column]|[StringLength],[Range],[RegularExpression][HttpPost]|[ValidateAntiForgeryToken]

Tag Helper

Reference:https://docs.microsoft.com/en-us/aspnet/core/mvc/views/tag-helpers/built-in/?view=aspnetcore-3.1

asp-page|asp-page-handler|asp-route-<>|asp-action|asp-controllerasp-for|asp-items/*Use with <div>e.g.<div asp-validation-summary="All">    <span>Please correct the following errors</span></div>*/asp-validation-summary/*Use with <span>e.g<span asp-validation-for="FirstName"></span>*/asp-validation-for/*Import partial view*/<partialname="_MenuPartial"/>/*Import view component*/<vc:priority-listmax-priority="2"is-done="false"></vc:priority-list>

Html Helper

Html.DisplayNameFor|Html.DisplayFor|Html.RenderPartialAsyncHtml.Partial

Code References

Form validation

<!-- asp-validation-summary, asp-for, asp-validation-for --><formmethod="post"><divasp-validation-summary="ModelOnly"class="text-danger"></div><inputtype="hidden"asp-for="Products.ProductId"/><divclass="form-group"><labelasp-for="Products.ProductName"class="control-label"></label><inputasp-for="Products.ProductName"class="form-control"/><spanasp-validation-for="Products.ProductName"class="text-danger"></span></div></form>

Import external JavaScript file

@*@section,Scripts,Html.RenderPartialAsync*@@sectionScripts{@{awaitHtml.RenderPartialAsync("_ValidationScriptsPartial");}}

Custom tag helper

publicclassEmailTagHelper:TagHelper{privateconststringEmailDomain="contoso.com";// Can be passed via <email mail-to="..." />.// Pascal case gets translated into lower-kebab-case.publicstringMailTo{get;set;}publicoverridevoidProcess(TagHelperContextcontext,TagHelperOutputoutput){output.TagName="a";// Replaces <email> with <a> tagvaraddress=MailTo+"@"+EmailDomain;output.Attributes.SetAttribute("href","mailto:"+address);output.Content.SetContent(address);}}