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>
<%}%>