Annuler le bouton dans la forme

J'ai un bouton annuler dans un formulaire:

@using (Html.BeginForm("ConfirmBid","Auction"))
        {
          some stuff ...

                    <input type="image" src="../../Content/css/img/btn-submit.png" class="btn-form" />
                    <input type="image" src="../../Content/css/img/btn-cancel.png" class="btn-form" />

        }

Le problème c'est que je veux ce bouton pour aller à un point de vue particulier lorsque je clique sur elle. Comment puis-je faire cela?

source d'informationauteur Sachin Kainth

  1. 26

    Soit vous pouvez convertir le bouton Annuler comme une balise d'ancrage avec @Html.ActionLink méthode d'assistance et d'appliquer une classe css qui fait le lien ressemble à un bouton, puis dans l'action du controller pour ce lien, vous pouvez retourner à l'affichage spécifique.

    @Html.ActionLink("Cancel","Index","Products",null, new { @class="clsButtonFake"})

    ou

    Utiliser 2 boutons submit du formulaire. Un pour de vrai soumettre et un pour l'annuler. et dans votre contrôleur de l'action, cochez le bouton qui appelle la méthode de l'action.
    Vous pouvez en lire plus à ce sujet ici, dans cette réponse.

  2. 4

    C'est mon bouton HTML:

    <button type="button"
        class="btn btn-inverse"
        id="cancel"
        onclick="window.history.back()">
        <i class="icon-remove icon-large"></i>
        <br />@Localization.Cancel
</button>

    Ensuite de personnaliser le onclick attribut dans certaines vues je fais ceci:

    <script>

    $(document).ready(function ()
    {
        $("#cancel").
            attr("onClick",
            "document.location.href='@Html.Raw(Url.Action("Index", "Standard",
             new { ManualId = Model.ManualId, ChapterId = Model.ChapterId }))'");
    });

</script>
  3. 3

    Ou un style de bouton soumettre:

    <input type="submit" value="Save Form" name="Save" class="submit-button btn-form" />

    Javascript pour bouton annuler:

    <input type="button" onclick="document.location.href('Home/Index')" value="Cancel" class="cancel-button btn-form" />
//Note: This avoids any of the validation that may happen in the model that 
//normally gets triggered with a submit
  4. 3

    Grand nombre de réponses a travaillé dans les navigateurs, chrome ou ie, mais pas tous.

    Cela a fonctionné dans tous les 

    <input type="button" value="Cancel" onclick="location.href='@Url.Action("Index","Home")';"/>
  5. 2

    Donc, avec Shyju de appraoch, vous utiliser le construit en MVC ActionLink helper. En faisant cela, vous aurez besoin d'avoir des images ou des icônes réalisées par css. Cependant, c'est beaucoup plus cachable, surtout si vous utilisez base64 cordes pour vos images dans les css.

    J'aime Adauto de l'approche, car il vous donne beaucoup plus de contrôle sur le balisage. MVC, Html Helpers sont gentils, mais ils semblent toujours avoir la tête dans les Formulaires mentalité de "ne vous inquiétez pas, nous allons prendre soin de lui pour vous".

    La seule chose que je voudrais ajouter, c'est de l'Url.Contenu.

    <a href="@Url.Action("CancelBid", "Auction")"><img src="@Url.Content("~/Content/css/img/btn-submit.png" class="btn-form" /></a>

    Il n'est jamais vraiment une bonne idée de faire vos points de vue doivent connaître l'emplacement du contenu par rapport à son emplacement.

  6. 2
    <a href="/Auction/[ActionName]">
    <input type="image" src="@Url.Content("~/Content/css/img/btn-cancel.png")" class="btn-form" />
</a>

    si vous souhaitez conserver l'apparence d'un bouton, vous pourriez faire quelque chose comme ceci:

    <a href="/Auction/[ActionName]">
    <input type="button" value="Cancel">
</a>

    où [ActionName] est le nom de l'action qui sera de retour à votre vue souhaitée.

  7. 1
    <a href="@Url.Action("CancelBid", "Auction")"><img src="../../Content/css/img/btn-submit.png" class="btn-form" /></a>
  8. 0

    J'ai fini par faire une aide afin que je puisse réutiliser le bouton annuler. J'ai ajouté un js à confirmer dans les cas où les gens cliquez sur le bouton annuler par accident après avoir rempli le formulaire. 

    @helper FormCancelButton(string cancelUrl)
{
    <button type="button" class="btn" onclick="if (confirm('Cancel changes?')) location.href = '@cancelUrl';">Cancel</button>
}

    Je puis appeler ça comme ça:

    @FormCancelButton(Url.Action("Index", "User" ))

    Si vous avez vraiment envie de vous pourrait essayer de détecter le sale état de la forme trop et n'afficher la boîte de dialogue de confirmation si le formulaire a été modifié.

  9. 0
         <asp:Button runat="server" class="btn btn-danger"
       CausesValidation="false" onclick="Cancel_Click" Text="Cancel"/>


     protected void Cancel_Click(object sender, EventArgs e)
     {
        Response.Redirect("Test.aspx");
     }