3

送信ボタンを押した後に投稿を取り戻すと、MVC4とエディターテンプレートで問題が発生します。これは私のモデルです：

public class Form
{
    public Form()
    {
        this.Rows = new List<Row>();
    }

    public List<Row> Rows { get; set; }

    public int Id { get; set; }
}

public class Row
{
    public Row()
    {
        this.Label = string.Empty;
        this.Type = string.Empty;
    }

    public string Label { get; set; }

    public string Type { get; set; }

    public int Id { get; set; }
}

public class SimpleRow : Row
{
    public SimpleRow()
    {
        this.Value = string.Empty;
    }

    public string Value { get; set; }
}

public class DropDownRow : Row
{
    public DropDownRow()
    {
        this.Content = new List<ContentDropDown>();
    }

    public List<ContentDropDown> Content { get; set; }
}

public class ContentDropDown
{
    public ContentDropDown()
    {
        this.Title = string.Empty;
        this.Selected = false;
    }

    public string Title { get; set; }

    public bool Selected { get; set; }

    public int Id { get; set; }
}

これは私のコントローラーです：

public class FormController : Controller
{
    [Authorize]
    public ActionResult Index()
    {
        return this.View();
    }

    [HttpPost]
    [Authorize]
    public ActionResult Index(HttpPostedFileBase file)
    {
        this.ViewBag.Title = "Formulaire Collaborateur";

        if (file != null && file.ContentLength > 0)
        {
            return this.View(SerialisationHelper.DeserializeFromStream<Form>(file.InputStream));
        }

        return this.View();
    }

    [HttpPost]
    [Authorize]
    public ActionResult EmailForm(Form updatedForm)
    {
        Form f = updatedForm; // Here, The parameter updatedForm have just is first row filled with empty strings and the other rows null

        return this.View("Index");
    }
}

My Index.cshtml：

@model Utils.FormObject.Form
@{
    ViewBag.Title = "Index";

}
@using (Html.BeginForm("EmailForm", "Form", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    <fieldset>
        <p>
            @for (int i = 0; i < Model.Rows.Count; i++)
            {
                @Html.HiddenFor(x => x.Id)
                @Html.EditorFor(x => x.Rows[i])    
            }
        </p>
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
    <br />
}

私の他の人は、EditorTemplatesと呼ばれるサブフォルダーで表示します：行：

@model Utils.FormObject.Row
@{
    ViewBag.Title = "Row";
}
@Html.HiddenFor(x => x.Id)
@Html.EditorFor(x => x)

SimpleRow：

@model Utils.FormObject.SimpleRow

@{
    if (Model.Type.Equals("String"))
    {
        <br />
        @Html.HiddenFor(x => x.Id)
        @Html.DisplayFor(modelItem => modelItem.Label)
        @Html.EditorFor(modelItem => modelItem.Value)
    }
    <br/>
}

DropDownRow：

@model Utils.FormObject.DropDownRow
@{
    ViewBag.Title = "DropDownRow";
}
@* @Html.DropDownListFor(x => x, new SelectList(Model.Content, "Title", "Title"))*@
@{
    @Html.HiddenFor(x => x.Id)
    @Html.LabelFor(item => item.Label)
    var list = new List<SelectListItem> { new SelectListItem { Value = string.Empty, Text = "--please select--", Selected = false } };
    foreach (var row in Model.Content)
    {
        list.Add(new SelectListItem { Text = row.Title, Selected = row.Selected });
    }
    @Html.DropDownListFor(x => x, list)
}

およびContentDropDownRow：

@model Utils.FormObject.ContentDropDown
@{
    ViewBag.Title = "ContentDropDown";
}
@Html.HiddenFor(x => x.Id)
@Html.LabelFor(x => x.Title)

私のフォームはほぼうまく表示されています（実際、ドロップダウンリストのラベルにはプロパティのラベルではなく「ラベル」が表示されています...）。問題は、送信ボタンを押すと、ポストバック値「updatedForm」が入力されないことです。最初の行Row[0]のラベルは空の文字列で埋められ、他の行はnullです。私はこれを試しましたが、うまくいくことができませんでした。

私はここで少し迷っています、なぜそれが働くことを拒否するのか分かりません。

PuK

4

2 に答える 2

3

エディターテンプレートを使用して行オブジェクトをレンダリングしているようですが、正しく使用していないと思います。単一のRowオブジェクトのエディターテンプレートがある場合は、コレクションをテンプレートに渡すことにより、Index.cshtmlからRowコレクションをレンダリングする必要があります。行のエディターテンプレートは次のとおりです。

@model Utils.FormObject.Row
@{
    ViewBag.Title = "Row";
}
@Html.HiddenFor(x => x.Id)
@Html.EditorFor(x => x.Label)
@Html.EditorFor(x => x.Type)

Index.cshtmlビューから行コレクションをレンダリングします-エディターテンプレートがコレクション内の各行を自動的にレンダリングし、正しく名前を付けるため、ループする必要はありません。

@model Utils.FormObject.Form
@{
    ViewBag.Title = "Index";
}
<fieldset>
    <p>
        @Html.HiddenFor(x => x.Id)
        @Html.EditorFor(x => x.Rows)    
    </p>
    <p>
        <input type="submit" value="Save" />
    </p>
</fieldset>

これにより、以下のようなフィールドが作成されます。これらのフィールドは、コントローラーにポストバックされたときに、Formオブジェクトの一部として正しく名前が付けられてバインドされます。

Rows[0].Id
Rows[0].Label
Rows[0].Type
Rows[1].Id
Rows[1].Label
Rows[1].Type

この質問に対する私の答えを参照してください：

複数の部分ビューから値を渡す

ここにエディタテンプレートに関する小さな書き込みがあります：

codenodes.wordpress.com-MVC3エディターテンプレート

于 2012-07-20T11:54:31.507 に答える
1

2か月後にこの質問に答えて申し訳ありませんが、今までにないほど遅くなりました。

これを試してみましたが、レンダリングしたかったのでレンダリングされません。このようにして、プロパティ名をラベルにし、プロパティ値を編集可能なフィールドにします。しかし、私は以前にいくつかの治療法が欲しかった。HiddenForコマンドを使用して、次のようにユーザー入力をオブジェクトにバインドしました。

<p>
    @Html.HiddenFor(x => x.ID)
    <h3> @Html.DisplayFor(x => x.Title)</h3>
    @Html.HiddenFor(x => x.Title)
</p>

この例では、「タイトル」を編集可能にしたくなかったからです。これが使用方法かどうかはわかりませんが、そのように機能します。

于 2012-09-17T08:37:06.190 に答える