【ASP.NET MVC】 HTMLヘルパー一覧

◆ View

@{ Layout = null; }

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>    
</head>
<body>
    <div>
        <!--*********************************************************-->
        <!--form タグ ***********************************************-->
        <!--*********************************************************-->
        <!-- 開始 <form> タグを書き込みます。 -->
        @using (@Html.BeginForm() ) { }
        <form action="/" method="post"></form> 
        <!-- 指定したルートの開始 <form> タグを書き込みます。 -->
        @using (@Html.BeginRouteForm("Default") ) { }
        <form action="/" method="post"></form>
        

        <!--*********************************************************-->
        <!--input タグ **********************************************-->
        <!--*********************************************************-->
        <!-- テキストの input 要素を返します。 -->
        @Html.TextBox("txt1")
        <input id="txt1" name="txt1" type="text" value="" />

        <!-- HTML input 要素を返します。 -->
        @Html.Editor("edt1")
        <input class="text-box single-line" id="edt1" name="edt1"
            type="text" value="" />

        <!-- チェック ボックスの input 要素を返します。 -->
        @Html.CheckBox("chk1")
        <input id="chk1" name="name" type="checkbox" value="true" />
        <input name="chk1" type="hidden" value="false" />

        <!-- オプション ボタンの input 要素を返します。 -->
        @Html.RadioButton("rdb1", "item1")
        <input id="rdb1" name="rdb1" type="radio" value="item1" />

        <!-- 非表示の input 要素を返します。 -->
        @Html.Hidden("hdn1")
        <input id="hdn1" name="hdn1" type="hidden" value="" />

        <!-- パスワードの input 要素を返します。 -->
        @Html.Password("pwd1")
        <input id="pwd1" name="pwd1" type="password" />


        <!--*********************************************************-->
        <!--textarea タグ ******************************************-->
        <!--*********************************************************-->
        <!-- textarea 要素を返します。 -->
        @Html.TextArea("txa1")
        <textarea cols="20" id="txa1" name="txa1" rows="2"></textarea>


        <!--*********************************************************-->
        <!--select タグ *********************************************-->
        <!--*********************************************************-->
        <!-- 単一選択の select 要素を返します。 -->
        @Html.DropDownList("dlp1",
            (IEnumerable<SelectListItem>)ViewData["selectList"])
        <select id="dlp1" name="dlp1">
            <option value="itemValue1">item1</option>
            <option value="itemValue2">item2</option>
        </select>


        <!--*********************************************************-->
        <!--label タグ **********************************************-->
        <!--*********************************************************-->
        <!-- HTML label 要素を返します。 -->
        @Html.Label("lbl1")
        <label for="lbl1">lbl1</label>


        <!--*********************************************************-->
        <!--a タグ **************************************************-->
        <!--*********************************************************--> 
        <!-- アンカー要素 (a 要素) を返します。 -->
        @Html.ActionLink("linkText", "actionName")
        <a href="/Home/actionName">linkText</a>

        <!-- ルートのアンカー要素 (a 要素) を返します。 -->
        @Html.RouteLink("rtl1", "Default")
        <a href="/">rtl1</a>


        <!--*********************************************************-->
        <!--検証 ****************************************************-->
        <!--*********************************************************-->
        <!-- フィールドにエラーが存在する場合、検証メッセージを表示します。 -->
        @Html.ValidationMessage("Body")
        <span class="field-validation-valid" data-valmsg-for="Body"
             data-valmsg-replace="true"></span>

        <!-- 検証メッセージの順序なしのリスト (ul 要素) を返します。 -->
        @Html.ValidationSummary()
        <div class="validation-summary-valid" data-valmsg-summary="true">
            <ul><li style="display:none"></li></ul></div>


        <!--*********************************************************-->
        <!--etc. ****************************************************-->
        <!--*********************************************************-->
        <!-- 指定された子アクション メソッドを呼び出し、
             結果を HTML 文字列として返します。 -->
        @Html.Action("Test")
        Testメソッド結果

        <!-- ViewDataのプロパティを表示します。 -->
        @Html.Display("Message")
         "Hello F# + ASP.NET MVC!"

    </div>
</body>
</html>

◆ Controller

namespace Sample.Controllers

open System.Web
open System.Web.Mvc
open System.Collections.Generic

type HomeController() =
    inherit Controller()

    member this.Index () =
        // @Html.Display 用
        this.ViewData.["Message"] <-  "Hello F# + ASP.NET MVC!"
        
        // @Html.DropDownList 用
        let selectListItem1 = new SelectListItem();
        selectListItem1.Text <- "item1"
        selectListItem1.Value <- "itemValue1"
        let selectListItem2 = new SelectListItem();
        selectListItem2.Text <- "item2"
        selectListItem2.Value <- "itemValue2"
        // IEnumerable<SelectListItem> 形式へ変換
        this.ViewData.["selectList"]
            <- [| selectListItem1; selectListItem2 |]
        
        this.View() :> ActionResult

    // @Html.Action 用
    member this.Test() =
        "Testメソッド結果"

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中