Réinitialiser la valeur du textarea après la soumission du formulaire

  1. Je veux envoyer un message à userID=3 par aller /MyController/Message/3
  2. Cela exécute Message() [get], de l'action, j'ai entrez du texte dans la zone de texte et cliquez sur Enregistrer pour poster le formulaire
  3. Message() [post] action enregistre les modifications, réinitialise la valeur de SomeText à la chaîne vide et retourne à l'affichage.

À ce point, j'attends la zone de texte vide parce que j'ai mis ViewData["SomeText"] à la chaîne.Vide

Pourquoi la zone de texte valeur non actualisée à la chaîne vide après le post d'action?

Ici sont les actions:

[AcceptVerbs(HttpVerbs.Get)]
public ActionResult Message(int ID)
{
  ViewData["ID"] = ID;
  return View();
}

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Message(int ID, string SomeText)
{
  //save Text to database
  SaveToDB(ID, SomeText);

  //set the value of SomeText to empty and return to view
  ViewData["SomeText"] = string.Empty;
  return View();
}

Et la vue correspondante:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master"
    Inherits="System.Web.Mvc.ViewPage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<% using (Html.BeginForm()) 
   { %>
      <%= Html.Hidden("ID", ViewData["ID"])%>
      <label for="SomeText">SomeText:</label>
      <%= Html.TextArea("SomeText", ViewData["SomeText"]) %>
      <input type="submit" value="Save" />
<% } %>
</asp:Content>
InformationsquelleAutor xraminx | 2009-04-25
  1. 40

    Le problème est le HtmlHelper récupération de la ModelState valeur, qui est rempli avec les données publiées. Plutôt que de piratage au long de ce par la réinitialisation de la ModelState, pourquoi ne pas rediriger les requêtes vers le [get] l'action. [La poste] action pourrait également définir un statut temporaire message comme ceci:

    [AcceptVerbs(HttpVerbs.Post)]
public ActionResult Message(int ID, string SomeText)
{
  //save Text to database
  SaveToDB(ID, SomeText);

  TempData["message"] = "Message sent";
  return RedirectToAction("Message");
}

    Cela me semble plus correct de comportement.

    • Je pense que c'est mieux que de juste compensation de la ModelState. Si vous faites un post, alors que vous n'avez vraiment pas besoin de plus que juste un message de retour. Si vous vous sentez le besoin de retourner un modèle complet, alors vous devriez probablement faire un obtenir en premier lieu. Aussi, regardez dans la PRG modèle; il peut clarifier un peu tout ça. Cela peut également fixer que le navigateur ennuyeux message que vous pouvez parfois obtenir lorsque vous actualisez et il vous demande si vous voulez re-post d'un formulaire.
    • Je suis en train de faire exactement cela, et c'est de travailler sur la plupart de mes formes à l'exception de quelques(2 ou 3 peut-être). Comment se fait la page est encore rendu les valeurs de ModelState même après le poster et à l'aide de RedirectToAction("save", new{ id = 0}); à la fin de la Save(MyModel vm)? Que puis-je faire pour réinitialiser le formulaire, après validation, à l'exception d' ModelState.Clear()?
    • Je n'ai trouvé la solution. UpdateTargetId de Ajax.BeginForm a été fourni avec le mauvais Id.
    InformationsquelleAutor roryf
  2. 69

    Le problème, c'est que votre ModelState est re-rempli avec les valeurs envoyées.

    Ce que vous pouvez faire est clair sur l'Action qui a le Poste d'attribut :

    ModelState.Clear();
    • Cela devrait être signalé comme la meilleure réponse. J'ai dû garder une valeur booléenne dans le ViewBag et la RedirectToAction() fonction supprime les données.
    InformationsquelleAutor Olivier Payen
  3. 7

    Le code html helpers lire la valeur de la ModelState. Et il n'y a pas de manière élégante pour remplacer ce comportement.

    Mais si vous ajoutez cette ligne après SaveToDB(ID, SomeText), cela devrait fonctionner :

    ModelState["SomeText"].Value = 
    new ValueProviderResult("", "", CultureInfo.CurrentCulture);
    • Merci a résolu mon problème et a été très utile!
    InformationsquelleAutor Çağdaş Tekin
  4. 1

    J'ai tout essayé, mais n'a travaillé que quand je faisais quelque chose comme ceci:

    ModelState.Clear();
//This will clear the address that was submited
viewModel.Address = new Address();
viewModel.Message = "Dados salvos com sucesso!";
return View("Addresses", ReturnViewModel(viewModel));

    Espère que cette aide.

    • ReturnViewModel? Quelle méthode est-ce?
    InformationsquelleAutor MalachiteBR
  5. 1

    Au lieu d'utiliser ModelState.Clear() qui efface l'ensemble de la modelstate, vous pouvez le faire ModelState.Supprimer("SomeText"), si vous le souhaitez. Ou rendre l'Entrée sans la htmlhelper-extensions.
    Ils sont conçus pour prendre la Valeur de ModelState au lieu du Modèle (ou viewdata).

    InformationsquelleAutor Kirsten
  6. 0

    Qui est un client de comportement. Je recommande l'utilisation de javascript. Si vous utilisez JQuery, vous pouvez le faire comme ceci:

    <script type="text/javascript">
$(function(){ $("#SomeText").val("");});
</script>

    Je n'utilise pas de Javascript, mais je crois que dans l'ordinaire JS que c'est comme:

    document.getElementById("SomeText").value = "";

    (Vous pouvez le faire sur l'un des événements de chargement. 

    <body onload="...">

    Espère que cette aide.

    • Je ne le pense pas. La vue est rendue sur le côté serveur avant d'être poussé à mon navigateur.
    • Je suis d'accord, mais je pensais solution rapide. Pas tout à fait sûr de savoir pourquoi il est de retour comme ça. Il a toujours fait pour moi sur un post de retour, pensait que c'était une fonctionnalité.
    InformationsquelleAutor Jeff Ancel
  7. 0

    Je suis assez certain que le textarea est en saisissant la valeur de la Demande.Sous le capot depuis ViewData["SomeText"] est vide.

    • Donc, vous suggérez la bonne façon de le faire est le suivant? Demande.Form["SomeMessage"] = string.Vide;
    • Pas de -- la Demande.La forme n'est pas utilisée par le HtmlHelper extension.
    • Je ne dirais pas que. Vous pouvez nommer un paramètre querystring titre et demandez à votre zone de texte avec le nom du titre et de la zone de texte aura la valeur de la chaîne de requête. Aussi, ils ne tirer leurs valeurs à partir de la Demande.Formulaire, sinon, comment pourrait-il obtenir les valeurs pour remplir le formulaire ou de retourner les résultats lorsque le formulaire est affiché.
    InformationsquelleAutor Mike Geise
  8. 0

    Est-il possible que le modèle de l'état a été mis à jour avec un message d'erreur? Je crois qu'il va tirer de la tentative de valeur à partir du modèle de l'état plutôt que d'afficher les données ou le modèle si le modèle de l'état n'est pas valide.

    MODIFIER:
    Je suis, y compris la section pertinente de la le code source de la TextArea HtmlHelper extension ci-dessous. Il me semble que c'est exactement ce que j'attendais -- s'il y a eu une erreur de modèle, elle tire la valeur à partir du modèle de l'état, sinon il utilise de ViewData. Notez que dans votre méthode Post les "SomeText" clé ne devrait même pas exister jusqu'à ce que vous la définissez, c'est à dire, il ne sera pas reporté de la version du code qui répond à l'OBTENIR.

    Puisque vous fournissez une valeur à la ViewData, useViewData doit être fausse, attemptedValue doit être fausse, à moins qu'une erreur a été définie dans le modèle de l'état.

        //If there are any errors for a named field, we add the css attribute.
    ModelState modelState;
    if (htmlHelper.ViewData.ModelState.TryGetValue(name, out modelState)) {
        if (modelState.Errors.Count > 0) {
            tagBuilder.AddCssClass(HtmlHelper.ValidationInputCssClassName);
        }
    }

    //The first newline is always trimmed when a TextArea is rendered, so we add an extra one
    //in case the value being rendered is something like "\r\nHello".
    //The attempted value receives precedence over the explicitly supplied value parameter.
    string attemptedValue = (string)htmlHelper.GetModelStateValue(name, typeof(string));
    tagBuilder.SetInnerText(Environment.NewLine + (attemptedValue ?? ((useViewData) ? htmlHelper.EvalString(name) : value)));
    return tagBuilder.ToString(TagRenderMode.Normal);
    • Je ne pense pas qu'il y avait des erreurs. J'ai eu le même problème sous une autre forme. J'ai été de me gratter la tête depuis quelques jours maintenant, mais je ne pouvais pas trouver pourquoi ce qui se passe. C'est assez gênant quand vous n'avez aucun contrôle sur ce qui apparaît dans votre formulaire après le post de l'action. Je me demandais si je suis en train de faire quelque chose d'inhabituel ou de mal.
    InformationsquelleAutor tvanfosson
  9. 0

    Ne s.th. comme ceci:

    ajouter:

    ModelState.Clear();

    avant la return déclaration de la soumettre les boutons d'action de la méthode. Fonctionne pour moi. Il pourrait travailler pour vous.

    InformationsquelleAutor