ASP.NET Core MVC/View のバックアップ(No.7)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
ASP.NET Core MVC/View へ行く。
- 1 (2017-11-02 (木) 23:19:17)
- 2 (2017-11-02 (木) 23:35:31)
- 3 (2017-11-03 (金) 14:47:09)
- 4 (2017-11-05 (日) 22:21:39)
- 5 (2017-11-07 (火) 17:39:03)
- 6 (2017-11-07 (火) 21:17:17)
- 7 (2018-01-04 (木) 17:24:33)
- 8 (2018-04-14 (土) 16:41:10)

Razor構文 †

ASP.NET Core の razor 構文

@model †

Viewページの最初で指定

// 単一のデータの場合
@model MyProject.Models.Person
// コレクションのデータの場合
@model IEnumerable<MyProject.Models.Person>

↑

@Url.Content/Action/RouteUrl? †

アプリケーションルートからの絶対パスを生成する - Url.Content／Action／RouteUrlメソッド［Razor］

↑

制御文 †

↑

if文 †

@if ( 条件式 ) {
    HTMLタグを記述
}

↑

foreach文 †

@foreach ( 変数 in コレクション ) {
    HTMLタグを記述
}

↑

コメント †

@*

*@

↑

タグヘルパー †

ASP.NET Core 2.0 MVC Tag Helpers

↑

タグヘルパーを使うためには †

Viewsフォルダの _ViewImports?.cshtml ファイルに以下を記述
```
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
```
もしくは *.cshtml ファイルに直接上記を記述

↑

formタグ / aタグ †

asp-action ... submit時のAction名を指定（Controllerは現在のになる）
```
<form asp-action="[ASPアクション名]" ...
```

asp-conrtoller ... Controllerを指定したい場合に指定

<form asp-controller="[ASPコントローラ名]" asp-action="[ASPアクション名]" ...

↑

inputタグ †

asp-for

<input asp-for="プロパティ名" ...

↑

selectタグ †

asp-for

asp-items

↑

spanタグ †

asp-validation-for
- クライアントサイドで検証が行われたときのエラーメッセージを表示
- Modelクラスに指定された検証用のMaxLength?属性やRange属性に従い、ブラウザーのJavaScriptで入力時のデータが検証される
```
<span asp-validation-for="[モデルのプロパティ名]" class="text-danger" />
```

↑

divタグ †

asp-validation-summary
- 一度サーバへポストバックされた情報で検証が行われ、エラーが発生したときにメッセージを表示
- 複数のエラーメッセージが <li> タグで表示される
```
<div asp-validation-summary="All" class="text-danger" /></div>
```

↑

ASP.NET Core MVC/View のバックアップ(No.7)

Razor構文 †

@model †

@Url.Content/Action/RouteUrl? †

制御文 †

if文 †

foreach文 †

コメント †

タグヘルパー †

タグヘルパーを使うためには †

formタグ / aタグ †

inputタグ †

selectタグ †

spanタグ †

divタグ †

ページ送り †