JSF: Problème avec boosTrap dataTable et modal boostrap
J'utilise JSF pour mon webapp (combiné avec EJB) et Bootsfaces .Je ai une liste d'éléments qui sont représentés par un dataTable. Et en cliquant sur un bouton de commande à l'intérieur de ma liste j' ouvre une fenêtre modale, demandant à l'utilisateur "s' il est sûr qu'il veut supprimer". Ce dialogue modale de confirmation a OUI et NON. Je peux exécuter le oui bouton dans la fenêtre modale. Mais je ne peux pas faire # {controller.delete (item)} car l'article est côté serveur et n' est disponible que pendant la construction du tableau de la liste. Quelque part, je dois envoyer l'élément sélectionné réelle à la fenêtre modale pour le mettre en quelque sorte dans cet appel de contrôleur ... ???
Code xhtml de la table
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
| <table id="mytable" class="table table-bordred table-striped" border="0">
<thead>
<tr style="background-color: green;" >
<td style="font-weight: bold; background-color: skyblue">Login </td>
<td style="font-weight: bold; background-color: skyblue">Nom </td>
<td style="font-weight: bold; background-color: skyblue">Prenom </td>
<td style="font-weight: bold; background-color: skyblue">Email </td>
<td style="font-weight: bold; background-color: skyblue">Actions</td>
</tr>
</thead>
<tbody>
<c:forEach items="#{homeController.users}" var="user" >
<tr class="" style="font-size: 13px">
<td>#{user.compte.login}</td>
<td>#{user.nom}</td>
<td>#{user.prenom}</td>
<td>#{user.email}</td>
<td >
<div data-placement="top" data-toggle="toolt" >
<button title="Visualiser" class="btn btn-primary btn-xm" data-title="Edit"
data-toggle="modal" data-target="#edit">
<span class="glyphicon glyphicon-eye-open"></span>
</button>
<button title="Supprimer" class="btn btn-primary btn-xm"
type="button" id="deletingUser">
<span class="glyphicon glyphicon-trash"></span>
</button>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<!-- Modal suprimer un utilisateur-->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog"
aria-labelledby="edit" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
<h4 class="modal-title custom_align" id="Heading"> Delete user !!!</h4>
</div>
<div class="modal-body">
<div class="alert alert-danger">
<span class="glyphicon glyphicon-warning-sign"></span>
<p>Do you really want to delete this user ???"</p>
</div>
</div>
<div class="modal-footer ">
<button value="oui" type="submit" class="btn btn-success" id="okDeletionModalButton">
<span class="glyphicon glyphicon-ok-sign"></span> Ok
</button>
<button value="non" type="button" class="btn btn-warning"
data-dismiss="modal" id="non">
<span class="glyphicon glyphicon-remove"></span> No
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
</div>
<!-- /.modal-dialog --> |