强类型视图没有初始化?

时间:2013-06-07 16:04:16

标签: c# asp.net-mvc asp.net-mvc-4

我正在开发一个项目请求网站,并充实了一个项目,在这个项目中,从事项目工作的员工可以增加完成项目区域所需时间的估算。我希望这个页面将任意数量的估计值发布回编辑操作,但我在这里遗漏了一些东西。

在我的视图中,我使用Html.BeginCollectionItem帮助Html.RenderPartial("_WorkEstimateEditorRow", item);来帮助Request.Form中的AJAX-y。

编辑:我现在正在努力解决这个问题的AJAX部分 - 我看到WorkEstimate中的值会回来,而且属性与我的{{1}相匹配} class正确,但即使我将控制器操作更改为仅接受IEnumerable<WorkEstimate>估算值,它也为空。

这是一行的输出值,使用Html.BeginCollectionItem

<input data-val="true" data-val-number="The field EstimateId must be a number." data-val-required="The EstimateId field is required." id="estimates_d32afd89-987e-4d09-a847-abfc33dde220__EstimateId" name="estimates[d32afd89-987e-4d09-a847-abfc33dde220].EstimateId" value="0" type="hidden">
<input id="estimates_d32afd89-987e-4d09-a847-abfc33dde220__Estimator" name="estimates[d32afd89-987e-4d09-a847-abfc33dde220].Estimator" value="" type="hidden">
<span class="editor-label">
    <label for="estimates_d32afd89-987e-4d09-a847-abfc33dde220__WorkArea">Work Area</label>
</span>
<span class="editor-field">
    <input class="text-box single-line" id="estimates_d32afd89-987e-4d09-a847-abfc33dde220__WorkArea" name="estimates[d32afd89-987e-4d09-a847-abfc33dde220].WorkArea" value="" type="text">
    <span class="field-validation-valid" data-valmsg-for="estimates[d32afd89-987e-4d09-a847-abfc33dde220].WorkArea" data-valmsg-replace="true"></span>
</span>

<span class="editor-label">
    <label for="estimates_d32afd89-987e-4d09-a847-abfc33dde220__Hours">Hours</label>
</span>
<span class="editor-field">
    <input class="text-box single-line" data-val="true" data-val-number="The field Hours must be a number." data-val-required="The Hours field is required." id="estimates_d32afd89-987e-4d09-a847-abfc33dde220__Hours" name="estimates[d32afd89-987e-4d09-a847-abfc33dde220].Hours" value="0" type="number">
    <span class="field-validation-valid" data-valmsg-for="estimates[d32afd89-987e-4d09-a847-abfc33dde220].Hours" data-valmsg-replace="true"></span>
</span>
<a href="#" class="deleteRow">[x]</a>
<hr>

name属性是Request.Form在帖子操作中遇到的内容。我也尝试过更改我的Controller操作,以便收到IEnumerable<WorkEstimate>而不做任何更改。

模型

public class EstimationManager
{
    public EstimationManager()
    {
        CurrentUser = new WebUser();
        Project = null;

        EstimationData = new WorkEstimateRepository();
        Estimates = new List<WorkEstimate>();
    }

    public EstimationManager(ApprovedProject project, WebUser currentUser)
        : this(project, currentUser, new WorkEstimateRepository())
    { }

    public EstimationManager(ApprovedProject project, WebUser currentUser, IWorkEstimateRepository repository)
    {
        Project = project;
        CurrentUser = currentUser;

        EstimationData = repository;

        Estimates = EstimationData.Get(Project);
    }

    IWorkEstimateRepository EstimationData { get; set; }

    public WebUser CurrentUser { get; set; }
    public ApprovedProject Project { get; set; }
    public List<WorkEstimate> Estimates { get; set; }

    public bool CurrentUserHasWorkerAccess
    {
        get
        {
            return CurrentUser != null
                && CurrentUser.AccessLevels.HasWorkerAccess
                && (Project == null || CurrentUser.AccessLevels.WorkerUnit == Project.CurrentWorkerUnit);
        }
    }
}

控制器操作

public class EstimatesController : BaseSessionController
{
    private IProjectRepository _projects;
    private IWorkEstimateRepository _estimates;
    EstimationManager manager;

    public EstimatesController()
        : this(new WorkEstimateRepository(), new ProjectRepository())
    { }

    public EstimatesController(IWorkEstimateRepository estimates, IProjectRepository projects)
    {
        _estimates = estimates;
        _projects = projects;
    }

    //
    // GET: /Estimates/Edit/5

    public ActionResult Edit(int id)
    {
        ApprovedProject details = _projects.Get(id);
        manager = new EstimationManager(details, CurrentUser, _estimates);

        return View(manager);
    }

    //
    // POST: /Estimates/Edit/5

    [HttpPost]
    public ActionResult Edit(int id, FormCollection collection)
    {
        ApprovedProject details = _projects.Get(id);
        manager = new EstimationManager(details, CurrentUser, _estimates);

        if (TryUpdateModel(manager)
            && _estimates.TrySave(manager))
        {
            return RedirectToAction("Details", new { id = id });
        }
        else
        {
            foreach (WorkEstimate item in manager.Estimates)
            {
                foreach (RuleViolation currentViolation in item.GetRuleViolations())
                {
                    ModelState.AddModelError(item.WorkArea + currentViolation.PropertyName, currentViolation.ErrorMessage);
                }
            }

            return View(manager);
        }
    }
}

查看

@model ProjectRequests.Web.Models.Project.Estimates.EstimationManager

@{
    ViewBag.Title = "Edit Estimate Details for " + Model.Project.Name;
}

<h2>Edit Estimate Details for @Model.Project.Name</h2>

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Estimation Manager</legend>
        <span id="editorRows">
            @foreach (ProjectRequests.Web.Models.Project.Estimates.WorkEstimate item in Model.Estimates)
            {
                if (Model.CurrentUser == item.Estimator)
                {
                    Html.RenderPartial("_WorkEstimateEditorRow", item);
                }
                else
                {
                    Html.DisplayFor(modelItem => item);
                }
            }
        </span>

        @if (Model.CurrentUserHasWorkerAccess)
        {
            @Html.ActionLink("Add another estimate.", "BlankEstimateRow", null, new { id = "addItem" })

            <p>
                <input type="submit" value="Save" />
            </p>
        }
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">
        $().ready(function () {
            $("#addItem").click(function () {
                $.ajax({
                    url: this.href,
                    cache: false,
                    success: function (html) {
                        $("#editorRows").append(html);
                    }
                });
                return false;
            });

            $("#editorRows").on("click", ".deleteRow", function () {
                $(this).closest(".editorRow").remove();
                return false;
            });
        });
    </script>

}

当我的编辑操作的签名为public ActionResult Edit(int id, FormCollection collection)时,视图会返回相应的数据,但TryUpdateModel实际上并未更新Estimates属性。相反,public ActionResult Edit(int id, EstimationManager newManager)也未设置Estimates。手动筛选FormCollection以抽出大量代码气味的页面值的想法,这让我想到我应该以不同的方式处理这个问题。

2 个答案:

答案 0 :(得分:0)

我有类似的问题。为了让MVC更好地处理集合,我发现最好在视图中使用for循环而不是foreach循环。当您使用Html帮助程序时,使用表达式中的索引器访问值,这将导致Razor在表单控件的名称中使用该索引器。在你的控制器上,接受一个集合(数组肯定,你可以使用IEnumerable<>),它应该可以工作。

由于您使用类作为模型而不是直接使用集合,因此您可能需要在action参数上使用BindAttribute让MVC知道请求数据将具有前缀,或者使用其他具有与EstimationManager类中的属性同名的属性作为操作参数的类。

一旦开始通过索引器访问,只需查看MVC输出的源代码,我认为表单名称将帮助您了解正在发生的事情。

答案 1 :(得分:0)

您好像正在循环浏览模型的Estimates集合,并从每个WorkEstimate获取一个Estimate属性的值,然后呈现使用WorkEstimate或使用标签制作部分视图。

我猜测由于视图上没有包含索引的特定Estimate项,因此模型绑定器无法确定它们是否需要绑定到{ {1}}集合,在您使用Estimates的示例中。

此外,显然具有索引值对于收集项目很重要;最好使用public ActionResult Edit(int id, EstimationManager newManager)而不是for和视图中的集合项的索引器,如下所示:

foreach

作为一个粗略的例子。