Mise à jour partielle de la vue après la soumission Ajax.Beginform

Je suis nouveau .NET mvc.

Dans une vue "DisplayThings" j'ai quelque chose comme:

@foreach (var thing in Model)
{
    @Html.Partial("DisplayPartial", thing)
}

Dans la vue partielle "DisplayPartial" j'ai

@using (Ajax.BeginForm("Afunc", new AjaxOptions ()))
{
    @Html.EditorFor(model => model.AstringThing)
    @Html.EditorFor(model => model.AintThing)

    <input type="submit" name="submit" value="Ajax Post" />
}

Au moment où le "Afunc"-Action enregistre le modèle de la base de données et redirige ensuite à l'action d'un contrôleur pour récupérer toutes les "choses" de la base de données et de rendre l'ensemble de la "Displaythings".

Ma question est: Lorsque j'appuie sur l'un des submitbuttons (Il y en a un submitbutton pour chaque "chose" j'ai la liste). Je veux seulement que vue partielle pour recharger/réfléchir sur mon changement. Je ne veux pas recharger l'ensemble de la "Displaythings". Comment dois-je faire? Si je viens de revenir d'une vue partielle je perds tout le reste, mais que vue partielle.

Si c'est une mauvaise approche veuillez me donner les directions.

Mise à jour:

Je suis encore en train de faire quelque chose de mal, que je reçois la vue partielle rendue dans une nouvelle page. Mon contrôleur :

public ActionResult Afunc(ThingModel thingmodel)
{
    //do

    return PartialView("DisplayPartial", thingmodel);
}

J'ai essayé d'utiliser UpdateTargetId et onsuccess à la fois avec le même résultat (Une nouvelle page)

OriginalL'auteur Andreas | 2013-02-10

  1. 12

    Dans le AjaxOptions que vous êtes tout simplement en train de passer comme new AjaxOptions vous pouvez spécifier l'élément cible à l'aide de la UpdateTargetId propriété:

    <div id="unique_thing_id">
@using (Ajax.BeginForm("Afunc", new AjaxOptions { UpdateTargetId = 'unique_thing_id' }))
{    
}
</div>

    Ci-dessus, un récipient contenant de l'id unique pour chaque "chose" est représenté avec <div id="unique_thing_id">. Ce sera remplacé par le repsonse de la demande. Changement Afunc pour rendre uniquement le particulier "chose" partielle.

    Je vais accepter de vous répondre parce que vous l'avez fait remarquer quelque chose me manquait. C'était cependant que l'un des 2 choses que j'avais oublié. Un problème commun est à oublier(après avoir navigué sur le net) pour l'ajouter à votre layoutpage: <script src="@Url.Contenu("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
    J'ai ouvert une nouvelle question, pourriez-vous s'il vous plaît avoir un coup d'oeil à this question?

    OriginalL'auteur manojlds