ASP.NET MVC5(VB.NET)環境でモデルバインディングを利用した複数のパラメータ送信が動作しない

Question

表題通り、ASP.NET MVC5(利用言語：VB.NET)の環境下においてパラメータの送信が上手く行かずに困っています。
私自身、最近になってMVC5の基礎を学習し始めたばかりのため基本的な部分の見落とし等ありましたらご容赦下さい。

目的はView上に複数の入力欄を設け、ユーザーが内容を入力して送信ボタンを押すことで
View上にある入力項目の内容全てを1つのModelオブジェクトに格納してControllerに渡したいと考えています。

まず試験的に、以下の3つを作成して実行してみました。
0. 2つのテキスト入力欄を持つView

1. Viewのテキスト入力欄で入力された2つの値を格納するModel
2. Viewから入力された値をModelオブジェクトで受け取り、値が格納されているかをチェックし

　値が入っていれば「OK」、Nothingであった場合は「NG」をViewの入力欄に出力するController

▼1.View

@ModelType TestProject.FuncModel
@Code
    'ページタイトル設定
    ViewBag.Title = "モデルバインディングによる複数パラメータ送信テスト"
    '共通レイアウト
    Layout = "~/Views/Shared/_Layout.vbhtml"
End Code

@Using Html.BeginForm()

    @Html.EditorFor(Function(model) model.param1)
    @Html.EditorFor(Function(model) model.param2)

    @<input type="button" value="SUBMIT実行" onclick="document.forms[0].action = '/Func2/Post';document.forms[0].submit()"/>

End Using

▼2.Model

Public Class FuncModel
    Public param1 As String
    Public param2 As String
End Class

▼3.Controller

Imports System.Web.Mvc

Namespace Controllers
    Public Class FuncController
        Inherits Controller

        ' 初期表示
        Function Index() As ActionResult
            Dim viewModel As FuncModel = New FuncModel()

            Return View("FuncView", viewModel)
        End Function

        Function post() As ViewResult
            Return View()
        End Function

        'Viewの「SUBMIT実行」ボタン押下時に実行されるFunction
        <HttpPost()>
        Function Post(model As FuncModel) As ActionResult
            'Viewに渡す値を纏めて格納するModel
            Dim viewModel As FuncModel = New FuncModel()

            If ModelState.IsValid Then
            
                If model.param1 Is Nothing Then
                    viewModel.param1 = "param1取得NG"
                End If

                If model.param2 Is Nothing Then
                    viewModel.param2 = "param2取得NG"
                End If

            End If

            '遷移先View名と引き渡す値を格納したModelオブジェクトを指定
            Return View("FuncView", viewModel)
        End Function
    End Class
End Namespace

これらを作成して実行し、View上のテキスト入力欄に適当な文字列を入力して「SUBMIT実行」のボタンを押下したところ
2つの入力欄にはそれぞれ「param1取得NG」「param2取得NG」の文言が表示されました。

View→Controllerは値が渡っていませんが、Controller→Viewは値が渡っているため
モデルバインディングが完全に動作していない訳では無いようです。

そして、下記のようにFunctionの引数に直接param1・param2を追加するとNGにならず
デバッグ実行で確認するとparam1・param2共に画面で入力した値が格納されていることが確認できました。

        'Viewの「SUBMIT実行」ボタン押下時に実行されるFunction
        <HttpPost()>
        Function Post(model As FuncModel, param1 As String, param2 As String) As ActionResult
            'Viewに渡す値を纏めて格納するModel
            Dim viewModel As FuncModel = New FuncModel()

            If ModelState.IsValid Then
            
                If param1 Is Nothing Then
                    viewModel.param1 = "param1取得NG"
                End If

                If param2 Is Nothing Then
                    viewModel.param2 = "param2取得NG"
                End If

            End If

            '遷移先View名と引き渡す値を格納したModelオブジェクトを指定
            Return View("FuncView", viewModel)
        End Function

この事から、モデルバインディング自体は機能しているもののView→Controllerに値を渡す際に
値格納用のModelに入力値が格納されていない、という現象が起きていることが確認できます。
しかし、何故Modelに値が格納されないのか原因が分からずに停滞している状態です。

ご存知の方がいらっしゃいましたら、どうか原因についてご教示いただけないでしょうか。
よろしくお願いします。

Comments

[退会済みユーザー]

ASP.NET のタグをつけてください。

[fango]

ご指摘ありがとうございます。タグを追加しました

Answer 1

1. Viewから入力された値をModelオブジェクトで受け取り、値が格納されているかをチェックし値が入っていれば「OK」、Nothingであった場合は「NG」をViewの入力欄に出力するController

ASP.NET MVC アプリでは普通そういうことはしません。質問者さんの独自実装のようですが、どうしてもそうする必要があるのですか？

そうでなければ普通に標準で備わっている機能を利用することをお勧めします。

さらに、MVC3 以降ではクライアントサイドでの jQuery ライブラリによる検証もデフォルトで実装されるようになっています。

詳しくは以下の記事を見てください。「コレクションの」となっていますが、その分少し複雑になっているだけで、今回の質問者さんのケースでも基本は同じです。

コレクションのデータアノテーション検証
http://surferonwww.info/BlogEngine/post/2014/09/01/validation-of-collection-data-during-model-binding-using-data-annotation.aspx

不明点・疑問点があれば聞いてください。

【追伸】

View→Controllerは値が渡っていませんが、

それはどのように確認しましたか？　以下の記事の上から二つ目の画像のように、デバッガで簡単に調べられるはずですがやってみましたか？

親子関係のあるデータ登録
http://surferonwww.info/BlogEngine/post/2014/12/21/create-relational-data-in-parent-and-child-tables-of-sql-server-database.aspx

Comments

[fango]

>ASP.NET MVC アプリでは普通そういうことはしません。質問者さんの独自実装のようですが、どうしてもそうする必要があるのですか？
これに関しては私の記載が不足しておりました。申し訳ありません。
今回作成しているのはView-Controller間の値の受け渡しについて学習するための機能であり
値格納用Modelに値をセットしてView側のテキスト入力欄に渡すことで
どう表示されるかを確認するための意味合いもありました。
将来的には入力チェックをController側でやるつもりは無く、アノテーションを利用したチェックを実装するつもりです。
とはいえそのあたりの知識は不足しておりますので、ご紹介いただきましたサイトも併せて学習させていただきます。

>それはどのように確認しましたか？　以下の記事の上から二つ目の画像のように、デバッガで簡単に調べられるはずですがやってみましたか？
実行ボタン押下で呼び出されるFunction内にブレークポイントを置き、デバッガ上でFunctionの引数model内の値を確認しました。
結果、変数param1とparam2どちらの値もNothingになっており、Modelに値が渡されていないと判断しました。
質問記事の後半に記載している通り、Functionの引数にparam1・param2を直接指定した場合も
同様にデバッガで格納値を確認し、View上で入力した内容が渡ってきていることを確認しています。
現状、この【引数に指定しているModelにView側からPOST送信された値が格納されない】という点が解決できていない状況です。

[退会済みユーザー]

FuncModel クラスの中に定義されているのはプロパティでなくフィールドというところが原因ではないかと思います。フィールドをプロパティに変更して試したらどうなりますか？

[退会済みユーザー]

ASP.NET MVC のことを体系的に学べる本を買って勉強してはいかがでしょう。そうすればそのあたりの基本のキのことろでつまづくことはなくなるのではないかと思うのですが・・・

[fango]

ありがとうございます。試したところ正にその通りでした。
FuncModelクラス内の定義を以下の通り修正することでVIEWからの値を受け取ることが
可能になりました。

Public Property param1 As String
Public Property param2 As String

大変基礎的な部分でお恥ずかしい限りです。
お陰様で多数の入力フォームを持つ機能の作成に挑戦できそうです。
ありがとうございました。

また、提示いただいたアノテーションによるチェック機能の実装も並行して学習していきます。
大変お世話になりました。

> ASP.NET MVC のことを体系的に学べる本を買って勉強してはいかがでしょう。
今後のことも考えて購入することにします。