0

何が間違っているのかを見つけることができず、どこにも答えが見つかりません。私の問題は、ビューモデルが変更された後にビューが更新されないことです

ビューモデル:

public class OrderView
{
    public Customer Customer { get; set; }
    public Order Order { get; set; }
}
public class Order
{
    public int OrderId { get; set; }
    public int CustomerId { get; set; }
    public List<string> DomenNames { get; set; }
}
public class Customer
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Telephone { get; set; }
    public string Email { get; set; }
}

コントローラ：

private OrderView ov;
public ActionResult Index()
{
    return View(ov);
}

[HttpPost]
public ActionResult Index(OrderView model, FormCollection collection) {            
    return View("done");
}
public ActionResult BlankEditorRow(OrderView model) {
    ov = model;
    ov.Order.DomenNames.Add("");
    return View("Index",ov) ;
}

意見：

@using (Html.BeginForm("Index","Order",FormMethod.Post, new {id = "createOrder"})) {
@Html.ValidationSummary(true)
<fieldset>
    <legend>Order</legend>

    <div class="editor-label">
        @Html.LabelFor(model => model.Order.DomenNames)
    </div>

    @for(int i = 0; i < Model.Order.DomenNames.Count; i++) {
        <div> 
            @Html.EditorFor(item => item.Order.DomenNames[i])
        </div>
    }

    <button type="button" id="b1" onclick="setallert()" >Click me</button>
 ...

およびスクリプト:

<script type="text/javascript">
    function setallert() {
        $.ajax({
            url: "Order/BlankEditorRow",
            data: $('#createOrder').serialize(),
            cache: false,
            success: function (data) {
                ...?
            }
        });
    };    
</script>

モデルをコントローラーに渡すことは問題なく、ビューを介してデバッグ中にモデルが変更されていることがわかりますが、場合によってはビューで何も起こりません。旧モデルが置いてあるようです。

4

1 に答える 1

0

私は自分の問題を解決しました。必要な場合に備えて、ソリューションを投稿します。

コントローラ：

public ActionResult BlankEditorRow(OrderView model) {
    model.Order.DomenNames.Add("");
    return PartialView("Index", model) ;
}

意見：

<div class="editor-label">
    @Html.LabelFor(model => model.Order.DomenNames)
</div>
<div id="tt">
    @{Html.RenderPartial("OrderDN", this.Model);}
</div>
<button type="button" id="addBtn">Click me</button>

脚本：

$("#addBtn").click(function () {
    $.get('@Url.Action("BlankEditorRow", "Order")', $('#createOrder').serialize(), function (res) {
        document.getElementById("tt").innerHTML = res;
    });
})

誰かに役立つことを願っています

于 2012-10-29T19:34:05.557 に答える