模型绑定显示错误,提供足够的数据

时间:2012-04-23 15:39:34

标签: asp.net-mvc-3 data-annotations model-binding

我遇到了一个问题,即验证字段似乎是验证失败,但没有完成要求。我会尝试包含所有信息,为这么长的问题帖子道歉!

已创建的ViewModel是一个DTO对象,它包含足够的信息来处理用户输入的任何数据。由于物品数量未知,我的视图模型比理想模型稍微复杂一点......

public class UpdateViewModel
{
    public UpdateViewModel()
    {
        WorkingPeriods = new List<WorkingPeriod>();
        LeavePeriods = new List<LeavePeriod>();
    }

    public Guid UserID { get; set; }
    public DateTime From { get; set; }
    public DateTime Until { get; set; }
    public DateTime Selected { get; set; }

    public IEnumerable<WorkingPeriod> WorkingPeriods { get; set; }
    public IEnumerable<LeavePeriod> LeavePeriods { get; set; }

    public class WorkingPeriod
    {
        public int ID { get; set; }
        public DateTime Date { get; set; }
        public TimeSpan? StartTime { get; set; }
        public TimeSpan? EndTime { get; set; }
    }

    public class LeavePeriod
    {
        public int ID { get; set; }
        public DateTime Date { get; set; }
        public int LeaveTypeID { get; set; }
        public Guid? Reference { get; set; }
        public string Period { get; set; }
        public TimeSpan? UserDefinedPeriod { get; set; }
    }
}

我有一个观点,通过一些静态助手的助手能够生成代表信息的HTML。输出HTML类似于:

<li class="editorRow">
    <input type="hidden" name="LeavePeriods.index" autocomplete="off" value="8a5522c6-57fe-40a2-95bc-b9792fbe04d3" />
    <input id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__ID" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].ID" type="hidden" value="4" />
    <input id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__Date" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].Date" type="hidden" value="23/04/2012 00:00:00" />
    <select class="leaveTypeDropdown" id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__LeaveTypeID" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].LeaveTypeID">
        <option value="">- please select -</option>
        <option selected="selected" value="2">Annual Leave</option>
        <option value="34">Public Holiday</option>
        <option value="1">Sickness</option>
    </select>
    <div class="leavePeriodRadio">
    <input checked="checked" id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__ALL" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].Period" type="radio" value="ALL" /><label for="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__ALL">Full Day</label>
        <input id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__AM" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].Period" type="radio" value="AM" /> <label for="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__AM">AM</label>
        <input id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__PM" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].Period" type="radio" value="PM" /> <label for="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__PM">PM</label>
        <input class="other-user-period" id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__Other" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].Period" type="radio" value="Other" /> <label for="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__Other">Other</label>
        <span class="user-defined" style="display:none">
            Duration: <input class="timepicker" id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__UserDefinedPeriod" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].UserDefinedPeriod" type="text" value="" />
        </span>
    </div>
</li>

当用户使用Ajax(通过Ajax.BeginForm构造设置)提交表单时会出现此问题(涉及MVC3和JQuery)。

@using (Ajax.BeginForm("Index", "Timesheet", new AjaxOptions()
    {
        HttpMethod = "POST",
        LoadingElementId = "loading",
        UpdateTargetId = "contentPane",
        OnComplete = "SaveCompleted",
    }))
  • 如果用户省略了该字段(他们完全有权这样做),他们会收到以下消息:The UserDefinedPeriod field is required.
  • 或者,如果他们输入有效的TimeSpan值(例如“12:00”),他们会获得:The value '12:00' is not valid for UserDefinedPeriod.
  • 如果他们输入了无效的字符串(例如“Boris”),则清除该值并在上面显示字段必需消息,就像他们没有输入任何内容一样。 (假设:我相信价值被清除,因为'鲍里斯'不能存储在TimeSpan?中,因此无法运回视图中)

使用断点并检查各种值的值,我得出以下结论:

  • 该值存在于Request.Form中,可以与其他与其分组的用户看到。
  • 该值存在于模型中,可以通过使用VS中的断点进行检查来查看。
  • ModelState.IsValid返回false,因为Model.LeavePeriods.UserDefinedPeriod有1个错误,与最后显示给用户的错误相同。

作为参考,Controller是:

[OutputCache(NoStore = true, Duration = 0, VaryByParam = "*")]
public class TimesheetController : Controller
{
    [HttpPost]
    public ActionResult Index(UpdateViewModel updates, User currentUser)
    {
        if (!ModelState.IsValid)
        {
           // error with model, so lets deal with it and return View();
        }
        // continue with parsing and saving.
    }
}

让我最困惑的是这个问题是我有其他方框以类似的方式构建,不会引起任何问题 - 例如WorkPeriod中的两个TimeSpan?可枚举。关于我可以在哪里查看可能存在的问题,我的想法已经不多了。我已经尝试将ViewModel的预期值从TimeSpan?更改为正常string,但没有可察觉的差异(即使错误消息相同)。

我猜这个问题要么超出了我在下面详述的范围之外(尽管如此,控制器和模型相对比较香草,所以我对于其他地方看起来很丢失)或者我还有更进一步的东西不了解模型绑定(有很多我不了解模型绑定!)。

1 个答案:

答案 0 :(得分:0)

我已经设法解决了这个问题,但我并不过分确定为什么我已修复它,修复它。

基本上,在UpdateViewModel中,我将“UserDefinedPeriod”更改为“OtherPeriod”。

public class LeavePeriod
{
    public int ID { get; set; }
    public DateTime Date { get; set; }
    public int LeaveTypeID { get; set; }
    public Guid? Reference { get; set; }
    public string Period { get; set; }
    public TimeSpan? OtherPeriod { get; set; }
}

然后显然在我的代码中的其他位置更改了对它的所有代码引用,包括视图:

<span class="user-defined" style="display:none">
    Duration: <input class="timepicker" id="LeavePeriods_8a5522c6-57fe-40a2-95bc-b9792fbe04d3__OtherPeriod" name="LeavePeriods[8a5522c6-57fe-40a2-95bc-b9792fbe04d3].OtherPeriod" type="text" value="" />
</span>

这似乎解决了这个问题。我不确定改变工作的具体原因是什么 - 所以我对任何可能导致它仍然存在的评论持开放态度。但是,这个调整对我来说很有用,并且可能适用于将来遇到此问题的其他人。