MVC 4 Modal Bootstrap Modifier \ Détail

En espérant que quelqu'un pourrait être en mesure de m'aider avec quelque chose que j'expérimente avec MVC 4 en utilisant bootstrap.

J'ai un typage fort indice de la vue qui affiche les éléments dans une table avec modifier et supprimer des icônes d'action dans chaque ligne.

@model IEnumerable<Models.EquipmentClass>

....

@foreach (var item in Model)
{
<tbody>
    <tr>
        <td>
            @item.ClassId
        </td>
        <td>
            @item.ClassName
        </td>
        <td>
            <a href=@Url.Action("Edit", "EquipmentClass", new { id = item.ClassId })>
                <i class="icon-edit"></i>
            </a>
            <a href=@Url.Action("Delete", "EquipmentClass", new { id = item.ClassId })>
                <i class="icon-trash"></i>
            </a>
        </td>
    </tr>
</tbody>
} <!-- foreach -->

La EquipmentClass contrôleur retourne la vue modification de l'élément sélectionné en fonction de l'id. Tous les grands et, comme prévu, à ce point de

public ViewResult Edit(int id)
{
    return View(equipmentclassRepository.Find(id));
}

Ce que je voudrais savoir, c'est comment ouvrir le formulaire de modification dans un fichier d'amorce de dialogue modale.

Je pourrait essayer de substituer l'action modifier dans la table avec la commande suivante et puis avoir un modal div en bas de la vue, mais comment puis-je entrer l'ID de l'élément sélectionné et qui helper html dois-je utiliser dans la modale de la section?

<!-- replaced table action -->
<a class="btn pull-right" data-toggle="modal" href="#myModal" >Details</a>

....

<!-- modal div -->
<div class="modal hide fade in" id="myModal" )>
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>Modal header</h3>
    </div>
    <div class="modal-body">
        @Html.Partial("Edit")
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a href="#" class="btn btn-primary">Save changes</a>
    </div>
</div>

J'avais apprécie beaucoup tous les conseils, merci beaucoup

InformationsquelleAutor The Drummer | 2012-12-04