Modèle de vue ASP.NET MVC non lié à HTTP Post avec DropDownList

Je rencontre un problème que quand je poste un contrôleur je perds de liaison et de tout ce qui, à mon avis, le modèle est NULL. Ici c'est le code que j'utilise:

Vue:

@model ArticleCategoryVm
@using (@Html.BeginForm())
{
@Html.HiddenFor(model => model.LanguageIdDisplayed)
<label>Name: <span class="label label-important">Required</span></label>
@Html.HmlValidationFor(model => model.CategoryName)
@Html.TextBoxFor(model => model.CategoryName, new { maxlength = "255", placeholder = "Category Name", @class = "input-xlarge-fluid" })                  
<span class="help-block">The is the name of the category and how it appears on the site.</span>
<label>Language: <span class="label label-important">Required</span></label>
@Html.HmlValidationFor(model => model.LanguageId)
@Html.DropDownList("LanguageId", new SelectList(@Model.Languages, "Value", "Text"), "Select language", new { @class="input-xlarge-fluid" })
<span class="help-block">This will be the language that the category is set too.</span>
<label>Parent:</label>
@Html.HmlValidationFor(model => model.CategoryParentId)
@Html.DropDownList("CategoryParentId", new SelectList(@Model.CategoryParents, "Value", "Text"), new { @class = "input-xlarge-fluid" })
<span class="help-block">Allows you to group the category under another existing category.</span>
<label>Moderator Email: <span class="label label-important">Required</span></label>
@Html.HmlValidationFor(model => model.ModeratorEmail)
@Html.TextBoxFor(model => model.ModeratorEmail, new { maxlength = "255", placeholder = "Email Address", @class = "input-xlarge-fluid" })
<span class="help-block">This is the moderator email for articles in this category.</span>
<button type="submit" class="btn btn-duadua btn-small"><i class="icon-ok-3"></i> Add New Category</button>                      
}

ViewModel:

public class ArticleCategoryVm : BaseLayoutVm
{
public int LanguageIdDisplayed;
public List<ArticleCategoryItemVm> ArticleCategoryItemVms { get; set; }
//Add Category Fields
[Required]
public string CategoryName;
[EmailAttribute]
[Required]
public string ModeratorEmail;
[Required]
public int LanguageId;
public int CategoryParentId;
public List<SelectListItem> Languages { get; set; }
public List<SelectListItem> CategoryParents { get; set; }
}

Contrôleur:

[HttpPost]
public ActionResult Categories(ArticleCategoryVm vm)
{
//Code here
if (ModelState.IsValid)
{
}
ReDrawDropDowns(vm);
return View(vm)
}

Pourquoi tout est dans mon viewmodel est NULLE? Je peux voir dans l'utilisation de Chromes outils que dans le post les valeurs sont affichées pour les cordes et les services de renseignements... Comme je viens de le faire ce qui suit pour obtenir le code de travail:

Solution De Contrôleur:

[HttpPost]
public ActionResult Categories(int LanguageIdDisplayed, string CategoryName, string ModeratorEmail, int LanguageId, int CategoryParentId)
{
var vm = new ArticleCategoryVm()
{
CategoryName = CategoryName,
LanguageIdDisplayed = LanguageIdDisplayed,
ModeratorEmail = ModeratorEmail,
LanguageId = LanguageId,
CategoryParentId = CategoryParentId
};
if (ModelState.IsValid)
{
}
ReDrawDropDowns(vm);
return View(vm)
}

Grâce

source d'informationauteur Danny Brady

  1. 40

    Dirait qu'il pourrait être en raison de la différence entre les propriétés et les variables comme indiqué dans cette question. Ajouter { get; set; } à toutes les variables que vous voulez lier. Comme indiqué dans la question, je pense que c'est à cause de la façon dont le modèle de classeur par défaut utilise la réflexion.

    J'ai trouvé utile dans le passé pour réellement saisir l'ASP.NET MVC code source pour que je puisse le débogage et de voir ce qui se passe.

  2. 36

    Il y a une autre raison pour modèle de vue est NULL :

    • Le nom de modèle dans l'action paramètre être le même que celui de la vue propriétés du modèle

    Exemple:

    Modèle:

    public class NewBookPageView{
int blabla {get;set;}
Book NewBook {get;set;} //NewBook is the same as newBook in action parameter
}

    contrôleur:

    [HttpPost]
public ActionResult AddNewBook(NewBookPageView newBook)//newBook is the same as NewBook in view
{
int temp = newBook.blabla;
temp++;
//...
}

    Astuce: Ici même nom signifie pas sensible à la casse (newBook est la même que NewBook)

    Astuce: Rencontrés dans MVC3 et MVC4.

  3. 2

    À la liaison de modèle dans la Vue, vous devez utiliser fortement typées-html-les aides

    remplacer

    @Html.DropDownList("CategoryParentId", new SelectList(@Model.CategoryParents, "Value", "Text"), new { @class = "input-xlarge-fluid" })

    :

    @Html.DropDownListFor(model => model.CategoryParentId, new SelectList(@Model.CategoryParents, "Value", "Text"), new { @class = "input-xlarge-fluid" })