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()を表示するために接続されていません。 これは、コントローラの操作への接続を作成します。
カミソリの構文:
ASPの構文:
最初のパラメータは、リンクテキストであり、2番目のパラメータは、コントローラの操作の名前です。
上記Html.ActionLink()ヘルパーは、以下のHTMLを出力します。
Html.ActionLink()プロパティの一部を支援します:
属性 | 描述 |
---|---|
.linkText | URL 文本(标签),定位点元素的内部文本。 |
.actionName | 操作(action)的名称。 |
.routeValues | 传递给操作(action)的值,是一个包含路由参数的对象。 |
.controllerName | 控制器的名称。 |
.htmlAttributes | URL 的属性设置,是一个包含要为该元素设置的 HTML 特性的对象。 |
.protocol | URL 协议,如 "http" 或 "https"。 |
.hostname | URL 的主机名。 |
.fragment | URL 片段名称(定位点名称)。 |
注:コントローラに値を渡すことができます。 たとえば、データベースの編集データベースレコードIDに操作を転送することができます。
C#ののカミソリの構文:
カミソリの構文VB:
上記Html.ActionLink()ヘルパーは、以下のHTMLを出力します。
HTMLフォーム要素
以下は、HTMLヘルプ(修正および出力)HTMLフォーム要素をレンダリングするために使用することができます。
- BeginForm()
- 筒部()
- TextArea()
- テキストボックス()
- チェックボックス()
- ラジオボタン()
- リストボックス()
- DropDownListコントロール()
- 隠されました()
- パスワード()
ASP.NET構文のC#:
<% 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>
<%}%>