C# と VB.NET の質問掲示板

■No74362 (WebSurfer さん) に返信

WebSurfer さんお返事が遅くなり申し訳ありませんでした。

WebSurfer さんにご教示頂いた助言や資料のおかげで、ほぼ思っていた通りの動作をさせることが出来ました。

ソースについては No74361 で示して頂いたコードを基本にして、
以下のようになりました。

●コントローラ
        [HttpPost]
        public ActionResult Create(VMParent parent, string cmd, string arg)
        {
            if(cmd == "Add")
            {
                //var c = parent.Children.Last();

                if(string.IsNullOrEmpty(parent.Children.Last().Name))
                {
                    ModelState.AddModelError(string.Format("Children[{0}].Name",parent.Children.Count - 1), "名前が入力されていません。");
                    return View(parent);
                }

                parent.Children.Add(new VMChild());
            }
            else if(cmd == "Delete")
            {
                ModelState.Clear();
                parent.Children.RemoveAt(int.Parse(arg));
            }
            else if(cmd == "Create")
            {
                // データベースに登録する処理

                return RedirectToAction("Create");
            }

            return View(parent);
        }

●ビュー（子エンティティ部のみ）
        <div class="editor-label">
            @Html.Label("Add Child Name")
        </div>

        @{ var count = Model.Children.Count(); }

        <div class="editor-field">
            @Html.EditorFor(m => m.Children[count - 1].Name, new { name = string.Format("Parent.Children[{0}].Name", count -1)})
            @Html.ValidationMessageFor(model => model.Children[count-1].Name)
            <input type="submit" name="cmd" value="Add" />
        </div>
        
        <div class="editor-label">
            @Html.Label("Added Child Name")
        </div>

        @for (int i = 0; i < count-1; i++)
        {
            <div class="editor-field">
                @Html.EditorFor(m => m.Children[i].Name, new { name = string.Format("Prent.Children[{0}].Name", i) })
                @* 削除クリック時に削除対象のインデックスを #arg に格納 *@
                <input type="submit" name="cmd" value="Delete" onclick="$('#arg').val(@i.ToString());" />
            </div>   
        }
        @* 削除する子エンティティのインデックス格納用 *@
        <input type="hidden" id="arg" name="arg" />

        <p>
            <input type="submit" name="cmd" value="Create" />
        </p>

子エンティティの追加・削除と親エンティティの作成 input タグを name="cmd" で統一し、
コントローラで Value 値を元にどの処理かを振り分けています。

子エンティティの削除のみ、リストの中の削除項目を特定するため、
削除ボタン押下時に $('#arg').val(@i.ToString()); でインデックスを <input type="hidden" id="arg" name="arg" /> 経由で
コントローラに渡しています。

サーバーサイドでのモデル検証もうまく動作しているのを確認できました。

あとは、追加済みの子エンティティの表示で disabled="disabled" 属性を付けたいのですが、
これを付けるとコントローラに値が渡せないので、その処理だけ改良したいと思っています。

@Html.HiddenFor と <input disabled="disabled" 〜> を組みにしてやればいいのではと思っております。
（HtmlHelper を作ってやれば多少楽に記述できるのかな？）

最後に、今回はこのままデータベース未使用で来てしまいましたが、
この後はデータベースに追加するところまできちんと定義し、
ご指摘を受けた問題も確認していきたいと思います。

長々とお相手して頂き、誠にありがとうございます。
一応これで解決済みとさせて頂きたいと思います。