ASP.NET MVC HTMLヘルパー2024 年の最新の入門チュートリアル。このコースでは HTMLヘルパー,標準のHTMLヘルパー,HTMLリンク,HTMLフォーム要素, について学習できます。

ASP.NET MVC HTMLヘルパー

HTMLヘルプは、HTML出力を変更するために使用されます。


HTMLヘルパー

MVCにより、HTMLヘルプは、従来のASP.NET Webフォームのコントロールに似ています。

ASP.NET Webフォームコントロールのように、HTMLヘルプは、HTMLを変更するために使用されます。 しかし、HTMLヘルプは、より軽量です。 別のコントロールとWebフォーム、HTMLヘルプは、状態とイベントモデルを表示しません。

ほとんどの場合、HTMLヘルパーは、単なる文字列を返すメソッドです。

MVCによって、あなた自身のヘルパーを作成するか、または直接組み込みのHTMLヘルパーを使用してすることができます。


標準のHTMLヘルパー

MVCは、このようなHTMLリンクとHTMLフォーム要素などの標準的なHTML要素ヘルパーの最も一般的なタイプが含まれています。


HTMLリンク

最も簡単な方法は、レンダリングされたHTMLリンクHTML.ActionLink()ヘルパーを使用することです。

MVCにより、Html.ActionLink()を表示するために接続されていません。 これは、コントローラの操作への接続を作成します。

カミソリの構文:

@Html.ActionLink("About this Website", "About")

ASPの構文:

<%=Html.ActionLink("About this Website", "About")%>

最初のパラメータは、リンクテキストであり、2番目のパラメータは、コントローラの操作の名前です。

上記Html.ActionLink()ヘルパーは、以下のHTMLを出力します。

<a href="/Home/About">About this Website</a>

Html.ActionLink()プロパティの一部を支援します:

属性 描述
.linkText URL 文本(标签),定位点元素的内部文本。
.actionName 操作(action)的名称。
.routeValues 传递给操作(action)的值,是一个包含路由参数的对象。
.controllerName 控制器的名称。
Attributes URL 的属性设置,是一个包含要为该元素设置的 HTML 特性的对象。
.protocol URL 协议,如 "http" 或 "https"。
.hostname URL 的主机名。
.fragment URL 片段名称(定位点名称)。

注:コントローラに値を渡すことができます。 たとえば、データベースの編集データベースレコードIDに操作を転送することができます。

C#ののカミソリの構文:

@Html.ActionLink("Edit Record", "Edit", new {Id=3})

カミソリの構文VB:

@Html.ActionLink("Edit Record", "Edit", New With{.Id=3})

上記Html.ActionLink()ヘルパーは、以下のHTMLを出力します。

<a href="/Home/Edit/3">Edit Record</a>

HTMLフォーム要素

以下は、HTMLヘルプ(修正および出力)HTMLフォーム要素をレンダリングするために使用することができます。

  • BeginForm()
  • 筒部()
  • TextArea()
  • テキストボックス()
  • チェックボックス()
  • ラジオボタン()
  • リストボックス()
  • DropDownListコントロール()
  • 隠されました()
  • パスワード()

ASP.NET構文のC#:

<%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="FirstName">First Name:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Last Name:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Password:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Confirm Password:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profile:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Receive Newsletter?</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>


ASP.NET MVC HTMLヘルパー
10/30