JSON / MVC (3P1) HttpPost - ne pas avoir à travailler sur ma classe EF

Question

En mélangeant les tutoriels anciens avec les messages récents sur MVC 3 Preview 1, je rencontre le problème suivant. Je suis en train de passer à des modifications entraînées JSON de mon modèle Fighter (et le sous-jacent) db au lieu de modifications « bon vieux » sans JSON.

J'ai une vue d'édition (qui utilise un Shared EditorTemplate, fighter.ascx) configuration pour ma classe Fighter (qui existe dans un modèle EF 4).

Sur ce que j'ai 2 boutons. Un « vieux » un, ce qui est un soumettre qui appelle mon editcontroller sans JSON, et on est un nouveau, pour lequel j'ai écrit une nouvelle HttpPost ActionResult

Le vieux bouton fonctionne: le nouveau bouton est seulement à moitié mis en œuvre, mais je peux déjà voir que le ActionResult UpdateJsonTrick ne reçoit pas les données de la vue correctement. La chaîne de returnMessage lit comme suit: « combattant créé « » dans le système. » Avant que je puisse faire quelque chose d'utile dans ce ActionResult, je dois savoir comment transmettre ces données. Où vais-je tort?

Ainsi, le Edit.aspx est juste une simple déclaration de Html.EditorForModel("Fighter"), mais voici la Fighter.ascx :

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Mvc3_EF_BW_Fight.Models.Fighter>" %>
<% using (Html.BeginForm())
   {%>
<%: Html.ValidationSummary(true) %>
<script type="text/javascript" src="../../../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="../../../Scripts/json2.js"></script>
<script type="text/javascript">
    $(document).ready(function () {

        $("#JSONTRICK").click(function (event) {

            var fighter = { Id: $('#Id').val(),
                FighterName: $('#FighterName').val(),
                FighterStyleDescription: $('#FighterStyleDescription').val(),
                FighterLongDescription: $('#FighterLongDescription').val()

            };

            $.ajax({
                url: '/Barracks/UpdateJsonTrick',
                type: "POST",
                data: JSON.stringify(fighter),
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    // get the result and do some magic with it
                    var message = data.Message;
                    $("#resultMessage").html(message);
                },
                error: function () {
                    $('#message').html('oops Error').fadeIn();
                }
            });

            return false;
        });


    });
</script>
<fieldset>
    <legend>Fighter template</legend>
    <div class="editor-label">
        <%: Html.LabelFor(model => model.Id) %>
    </div>
    <div class="editor-field">
        <%: Html.TextBoxFor(model => model.Id) %>
        <%: Html.ValidationMessageFor(model => model.Id) %>
    </div>
    <div class="editor-label">
        <%: Html.LabelFor(model => model.FighterName) %>
    </div>
    <div class="editor-field">
        <%: Html.TextBoxFor(model => model.FighterName) %>
        <%: Html.ValidationMessageFor(model => model.FighterName) %>
    </div>
    <div class="editor-label">
        <%: Html.LabelFor(model => model.FighterStyleDescription) %>
    </div>
    <div class="editor-field">
        <%: Html.TextBoxFor(model => model.FighterStyleDescription) %>
        <%: Html.ValidationMessageFor(model => model.FighterStyleDescription) %>
    </div>
    <div class="editor-label">
        <%: Html.LabelFor(model => model.FighterLongDescription) %>
    </div>
    <div class="editor-field">
        <%: Html.TextAreaFor(model => model.FighterLongDescription) %>
        <%: Html.ValidationMessageFor(model => model.FighterLongDescription) %>
    </div>
    <p>
        <input type="submit" value="Save" id="save" />
    </p>
    <p>
        <input type="submit" value="JSONTRICK" id="JSONTRICK" />
        <label id="message">
            message</label>
    </p>
    <div>
        <span id="resultMessage"></span>
    </div>
</fieldset>
<% } %>

Et voici le (bit correspondant du) contrôleur:

[HttpPost]
public ActionResult Edit(int id, FormCollection collection) //Works
{
   var fighter = _FightDb.Fighters.Single(f => f.Id == id);

    try
    {
        UpdateModel(fighter);
        //var x = ViewData.GetModelStateErrors();
        _FightDb.SaveChanges();

        return RedirectToAction("Index");
    }
    catch
    {
        var viewModel = _FightDb.Fighters.Single(f => f.Id == id);  //fighter;

        return View(viewModel);
    }

}

[HttpPost]
public ActionResult UpdateJsonTrick(Fighter fighter) //doesn't work
{
    var x = ViewData.GetModelStateErrors();
    string returnMessage = string.Format("Created fighter '{0}' in the system.", fighter.FighterName);
    return Json(new PersonViewModel { Message = returnMessage });

}

Merci pour votre patience, si vous avez besoin du code ou des informations supplémentaires, je peux fournir.

Answer 1

Il y a un bug dans MVC 3 Preview 1 où le JsonValueProviderFactory n'est pas enregistré par défaut.

Avoir quelque chose comme ça dans votre Global.asax devrait aider:

ValueProviderFactories.Factories.Add(new JsonValueProviderFactory())