Avoir deux boutons comme celui-ci :

enter image description here

Je dois choisir dans la liste déroulante « Accepter » ou « Rejeter », puis je dois confirmer par le bouton « Mettre à jour ».

Voici le code:

            <div id="dropdown-accept-reject">
                <select th:field="*{status}" class="btn btn-light col-1 offset-sm-9 font-button">
                    <option th:value='Accepted' th:text="Accept"></option>
                    <option th:value='Rejected' th:text="Reject"></option>
                </select>
            </div>

            <button type="submit" class="btn btn-light col-1 offset-sm-9 font-button">Update</button>

Mais... Enfin, je veux supprimer la liste déroulante et n'avoir que deux boutons séparés « Accepter » et « Rejeter ».

Comment changer le code pour y parvenir ?

enter image description here

0
damianm 25 nov. 2019 à 15:48

1 réponse

Meilleure réponse

Je pense que vous aurez un formulaire à publier si l'utilisateur accepte ou rejette la candidature. Dans ce cas, mettez à jour votre html comme ci-dessous

<form action="#" data-th-action="@{/approval}" data-th-object="${model}" method="post">
    <!-- other form inputs here -->
    <button type="submit" name="action" value="accept">Accept</button>
    <button type="submit" name="action" value="reject">Reject</button>
</form>

Ensuite, utilisez 2 méthodes différentes dans le contrôleur pour traiter chaque action comme ci-dessous

@RequestMapping(value="/approval", method=RequestMethod.POST, params="action=accept")
public ModelAndView accept() {}

@RequestMapping(value="/approval", method=RequestMethod.POST, params="action=reject")
public ModelAndView reject() {}
0
Defaulter 26 nov. 2019 à 06:31