MVC Actionlink & Bootstrap Modal Soumettre

Je suis l'élaboration d'un MVC 5 application web. Dans un de mes Rasoir Vues j'ai une table qui crache sorties de plusieurs lignes de données. À côté de chaque ligne de données est un bouton Supprimer. Lorsque l'utilisateur clique sur le bouton supprimer je veux avoir le Bootstrap Modal popup et demander à l'utilisateur de confirmer leur suppression.

@foreach (var item in Model.Data) {
<tr>
 <td>...</td>
 <td>@Html.ActionLink("Delete", "Delete", new { id = item.ID }, new { @class = "btn btn-danger btn-xs", data_toggle = "modal", data_target = "#myModal" })</td>
</tr>
}

Comme il est, lorsque l'utilisateur clique sur le bouton Supprimer la Modale s'affiche bien, mais je n'arrive pas à obtenir l'ID dans la Actionlink paramètre à passer le bouton Confirmer dans mon Modal de sorte qu'il sera ensuite envoyé à la suppression de l'action dans mon contrôleur.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">&times;</button>
             <h4 class="modal-title" id="myModalLabel">Delete Nomination</h4>
         </div>
         <div class="modal-body">
           Are you sure you wish to delete this nomination?
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
           <button type="button" id="mySubmit" class="btn btn-primary">Confirm</button>
         </div>
       </div>
      </div>
</div>

Quelqu'un peut s'il vous plaît aider?

Grâce.

Attribuer un événement click pour vous modal faites bouton qui crée un appel ajax retour à votre contrôleur et stocker vos ID dans un champ caché. Je peux vous donner un exemple, si vous avez besoin d'un
Ne devrait-elle pas être new { id = itemin.ID } à la place de l'élément.ID? Parce que vous avez déclaré nom de la variable à itemin
Merci pour votre réponse. Un exemple ou un bout de code serait génial. Je ne suis pas sûr de la façon d'obtenir le ActionLink ID de paramètre dans un champ caché?
pls exemple

OriginalL'auteur tcode | 2014-05-23

<script type="text/javascript">

    //Everytime we press delete in the table row
    $('.delete').click(function(e) {
        e.preventDefault();

        //Update the item to delete id so our model knows which one to delete
        var id = $(this).data('id');
        $('#item-to-delete').val(id);

    });


    //Everytime we press sumbit on the modal form...
    $('#mySubmit').click(function() {

        //Get the id to delete from the hidden field
        var id = $('#item-to-delete').val();


        //Call our delete actionresult and pass over this id
        $.post(@Url.Action("Delete", "Delete"), { id : id } , function (data) {

            alert("Deleted");

        });


    });

</script>

et votre html...

@Html.Hidden("item-to-delete", "", new { @id = "item-to-delete"})
@foreach (var item in Model.Data) {
<tr>
    <td>...</td>

    <td><a href="" class="btn btn-danger btn-xs delete" data-toggle= "modal" data-target="#myModal" data-id="@item.id">Delete</a></td>

</tr>
}

Votre contrôleur de l'action je suppose que c'est quelque chose comme cela...

public ActionResult Delete(Guid id)
{


}

Excellente réponse. Même si votre code n'est pas correct à 100%, je vais encore être en mesure de le faire fonctionner à partir d'ici. Merci encore.
Vous êtes les bienvenus 🙂
ne pouvez pas obtenir l'id de #l'élément à supprimer
dans le bootstrap, documentation, il dit que nous pouvons choisir d'utiliser du javascript ou des attributs de données pour archiver les mêmes. Alors, comment pouvons-nous faire cela avec l'aide d'attributs de données, sans javascript?
pouvez-vous s'il vous plaît dites-moi comment vous avez fait ce travail?

OriginalL'auteur heymega

0

Vous avez besoin de mettre une valeur nulle après la deuxième Supprimer alors il devrait fonctionner, mais vous aurez tout de même un problème avec ce parce que ce qu'il va essayer de le faire est d'ouvrir la page à l'intérieur de votre modale de la meilleure façon d'obtenir ce que vous voulez faire est de faire un appel ajax vers le serveur et dans la réussite de ramener les données dans cette div qui est autour de votre modal

Ce n'est pas une réponse à son commentaire. les Commentaires postés en réponse sont soumis à l'enlèvement. Pour plus d'informations, consultez le Lien

OriginalL'auteur Clarence Wilson

Vous devez vous connecter pour publier un commentaire.