L'ajout de paramètre supplémentaire pour soumettre le formulaire

J'ai un formulaire de déclaration en mon Rasoir vue

<form method="post" action="/Lot/LotList?auctionEventId=@auctionEventId" id="filterForm">

(D'ailleurs, j'ai choisi de l'écrire comme ceci plutôt que d'utiliser Html.BeginFrom parce que j'avais besoin de donner un id et je ne savais pas comment le faire avec Html.BeginFrom - mais ce n'est pas la question ici)

En dehors de ce formulaire, j'ai un bouton qui soumet ce formulaire (il y a également un bouton de soumission du formulaire)

<input type="button" onclick="$('#filterForm').submit();" value="Show all" />

Maintenant, le problème est que si cette touche est utilisée pour soumettre la forme que je veux de l'action dans le formulaire de changement de 

action="/Lot/LotList?auctionEventId=@auctionEventId&showAll=true"

Comment puis-je modifier l'action et de passer ce paramètre supplémentaire? Est-il totalement meilleure façon de faire tout cela?

InformationsquelleAutor Sachin Kainth | 2012-10-31
  1. 38

    Ajoutant des paramètres de chaîne de requête sur la forme de l'action, et d'essayer de changer qu'au moment de l'exécution est difficile (mais pas impossible). Beaucoup plus facile est d'utiliser les champs cachés:

    <form method="post" action="/Lot/LotList" id="filterForm">
  <input type="hidden" name="auctionEventId" value="@auctionEventId" />
  ...

    Alors maintenant, tout ce que vous avez à faire est d'ajouter un autre champ caché pour "showAll"

    <form method="post" action="/Lot/LotList" id="filterForm">
  <input type="hidden" name="auctionEventId" value="@auctionEventId" />
  <input type="hidden" name="showAll" value="false" id="showAllField" />
  ...

    Et il vous suffit de raccorder un événement jquery sur votre showAll bouton:

    <input id="showAllButton" type="button"/>

    jQuery:

    $('#showAllButton').click(function(){
     $('#showAllField').val("true");
     $('#filterForm').submit();
});
    • Merci pour l'aide Jamie.
    InformationsquelleAutor Jamiec
  2. 5

    comment mettre un caché d'entrée

    <form method="post" action="/Lot/LotList?auctionEventId=@auctionEventId" id="filterForm">

<input type="hidden" id="showAll" name="showAll" value=""/>

    sur le bouton

    <input type="button" onclick="submitForm()" value="Show all" />

    sur votre script quelque part

    function submitForm(){
$('#showAll').val('true');
$('#filterForm').submit();

}
    InformationsquelleAutor Albert Oclarit
  3. 5

    Je sais que vous avez dit ce n'est pas la question, mais vous pouvez ajouter des attributs à Html.BeginForm comme ceci:

     @using (Html.BeginForm("ActionName","ControllerName", FormMethod.Post, new { id = "filterform" })){
    InformationsquelleAutor yardpenalty
  4. 4

    Si vous êtes dans un formulaire, vous pouvez ajouter la route pour un élément de bouton. Vous pouvez remplacer le natif de l'action du formulaire à l'aide de formAction et formMethod. Vous pouvez également avoir plusieurs boutons avec d'autres formActions et formMethods

    HTML:

    <form action="/somewhere" method="get">
    <input type="type" name="name" value=" " />


    <button formaction="/Lot/LotList?auctionEventId=@auctionEventId&showAll=true" formmethod="post">Show All</button>
</form>

    InformationsquelleAutor Brandon
  5. 0

    Bonjour, j'ai trouvé que cela fonctionne très bien

     @using (Html.BeginForm("ActionName","ControllerName",  new { id = "filterform" },FormMethod.Post)){

    J'en avais marre de faire le " FormMethod.Post avant de le param mais il ne fonctionne pas et n'a jamais passé la valeur. Seulement par essais et erreurs, j'ai réussi à le résoudre, et compris qu'il doit être comme le code que j'ai posté.

    Espère que ça aide

    InformationsquelleAutor Matthias McCarthy