Latest web development tutorials
×

ASP.NET コース

ASP.NET コース ASP.NET 簡単な紹介

WP コース

WebPages 簡単な紹介 WebPages Razor WebPages レイアウト WebPages フォルダ WebPages 全体的な状況 WebPages フォーム WebPages オブジェクト WebPages ファイル WebPages ヘルパー WebPages WebGrid WebPages チャート WebPages Email WebPages PHP WebPages リリース WebPages 例

WP リファレンスマニュアル

WebPages カテゴリ WebPages セキュリティ WebPages データベース WebPages 郵便局 WebPages ヘルパー

ASP.NET Razor

Razor 簡単な紹介 Razor 文法 Razor C# 変数 Razor C# 循環 Razor C# ロジック Razor VB 変数 Razor VB 循環 Razor VB ロジック

ASP.NET MVC

MVC 簡単な紹介 MVC アプリケーション MVC フォルダ MVC レイアウト MVC コントローラ MVC ビュー MVC データベース MVC モデル MVC セキュリティ MVC HTML ヘルパー MVC リリース MVC リファレンスマニュアル

WF コース

WebForms 簡単な紹介 WebForms ページ WebForms コントロール WebForms イベント WebForms フォーム WebForms ViewState WebForms TextBox WebForms Button WebForms データバインディング WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML ファイル WebForms Repeater WebForms DataList WebForms データベース接続 WebForms マスターページ WebForms ナビゲーション WebForms 例

WF リファレンスマニュアル

WebForms HTML WebForms Controls WebForms Validation

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 控制器的名称。
.htmlAttributes 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>
<%}%>