10
votes

Render Vue partielle OnClick dans le projet ASP.NET MVC 3

Dans mon projet MVC, j'ai une liste simple d'articles avec des opérations CRUD comme ceci:

<tbody>
 @{
    foreach (var item in Model)
    {            
         <tr>

            <td>@item.Title</td>
            <td>@item.Body</td>
            <td>@item.Price</td>
            <td><span class="EditLink ButtonLink" noteid="@item.Id">Edit</span>&nbsp;|&nbsp;<span>@Html.ActionLink("Delete", "Delete", new { id = @item.Id})</span>
                            &nbsp;|&nbsp; @Html.ActionLink("Detalji", "Details", new { id = @item.Id})
             </td>
        </tr>
     }
  }

</tbody>

jquery asp.net razor asp.net-mvc-3

0 commentaires

3 Réponses :

1
votes

Oui. C'est possible. De préférence, vous devriez rendre les détails dans Ajax. Parce que vous n'avez pas besoin de rendre tous les détails pour chaque ligne. Et l'utilisateur devra cliquer sur les détails.

1 commentaires

Pouvez-vous poster un exemple que je suis la semaine de la semaine sur Ajax.

22
votes

Vous pouvez utiliser Ajax. Mais d'abord améliorons votre code en se débarrassant de ces boucles et en les remplaçant avec des modèles d'affichage: xxx

puis définissez un modèle d'affichage ( ~ / Vues / partagé / displaytemplates / grevief. cshtml ): xxx

maintenant tout ce qui reste est à Ajaxifiez ce lien dans un fichier JavaScript séparé: xxx

qui suppose bien sûr que vous avez l'action suivante: xxx



                                                                    
                                    
                                    
                                        5 commentaires
                                        
                                                                                            
                                                    Je ne suis pas sûr que vous ne me comprenez pas bien, je souhaite afficher un détail pour chaque article dans Div Détails que vous avez spécifié, je ne vois pas ici votre vue de détails, dans ma table, j'ai montré le titre, le corps et le prix mais dans mes coordonnées, il y a beaucoup plus Info.                                                
                                                
                                                                                            
                                                    Désolé je n'ai pas vu les détails contrôleur à l'heure :)                                                
                                                
                                                                                            
                                                    @Goranb, non je ne te comprends pas. Je pensais que vous vouliez un scénario de maître / détail. Ainsi, lorsque l'utilisateur a cliqué sur le lien de détails pour chaque ligne, il y avait les détails de la ligne donnée indiquée dans certaines div en dehors de la table. N'était-ce pas ce que vous demandez?                                                
                                                
                                                                                            
                                                    C'est ça Darin, quand j'ai vu votre question au début, il n'y avait pas de détails contrôleur, je pense que vous l'écriviez :) et mon identifiant est pour la boîte de dialogue contextuelle pour la modification de l'élément de table S :)                                                
                                                
                                                                                            
                                                    Merci la partie que j'étais manquée est $ (fonction () {$ ('. DétailsLink'). Cliquez sur (Fonction () {$ ('# Détails'). Charge (this.href); renvoyer false;});} ); Donc merci pour le code supplémentaire!


                        
                                            
                            
                                
                                    3
 votes
                                
                            
                            
                                
                                     Peut ne pas être la réponse que vous recherchez ... 
 Vous pouvez faire un appel AJAX  onclick  code> de  de détail  code> lien et ajoute la réponse à une div,  p> 
 par exemple  p>  xxx  pré> 
 côté contrôleur  p>  xxx  pré> 
 dans votre balisage définir un  div  code> qui tiendra la réponse de l'appel AJAX  P> 
<div id="ajaxResponse"></div>

                                

                                                                    
                                    
                                    
                                        0 commentaires