ASP.NET MVC Model Binder returns null object

I am having a problem where everytime I post a form back to the [HttpPost] version of my controller action, the ModelBinder returns a null object. I can’t work out why. If I change the signature to use a FormCollection instead I can see that all the correct keys have been set. Can someone help me pin point what’s wrong here, because I can’t spot it.

Here are the models for working with my views

public class DeviceModel
    public int Id { get; set; }

    [Display(Name = "Manufacturer")]
    public int ManufacturerId { get; set; }

    [Display(Name = "Model")]
    public string Model { get; set; }

    [Display(Name = "Name")]
    public string Name { get; set; }

    [Display(Name = "CodeName")]
    public string CodeName { get; set; }

    public int? ImageId { get; set; }

public class DeviceCreateViewModel : DeviceModel
    public IEnumerable<SelectListItem> Manufacturers { get; set; } 

Which I use in my controller like so:
public ActionResult Create()
    DeviceCreateViewModel viewModel = new DeviceCreateViewModel()
                                                Manufacturers = ManufacturerHelper.GetSortedManufacturersDropDownList()

    return View(viewModel);

public ActionResult Create(DeviceModel model)
    // if I check model here it is NULL
    return View();

And the view looks like this:
@model TMDM.Models.DeviceCreateViewModel

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {

        <div class="editor-label">
            @Html.LabelFor(model => model.ManufacturerId)
        <div class="editor-field">
            @Html.DropDownList("ManufacturerId", Model.Manufacturers)
            @Html.ValidationMessageFor(model => model.ManufacturerId)

        <div class="editor-label">
            @Html.LabelFor(model => model.Model)
        <div class="editor-field">
            @Html.EditorFor(model => model.Model)
            @Html.ValidationMessageFor(model => model.Model)

        <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        <div class="editor-field">
            @Html.EditorFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)

        <div class="editor-label">
            @Html.LabelFor(model => model.CodeName)
        <div class="editor-field">
            @Html.EditorFor(model => model.CodeName)
            @Html.ValidationMessageFor(model => model.CodeName)

            <input type="submit" value="Save" class="medium green awesome" />
            @Html.ActionLink("Cancel", "Index", "Device", null, new { @class="medium black awesome" })
    </fieldset> }


Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

The problem is that there is a name collision between the property named Model in the class DeviceModel and the variable named model in the Create action. The name collision causes the DefaultModelBinder to fail, since it tries to bind the Model property to the DeviceModel class.

Change the name of the variable in the Create action to deviceModel and it will bind correctly.

All methods was sourced from or, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Notify of

Inline Feedbacks
View all comments
Would love your thoughts, please comment.x