2016-07-13 1 views
-2

Travail sur un site Web ASP.NET/MVC5. J'ai une table basée sur les données jQuery (footable). J'ai implémenté une fonctionnalité de "défilement infini". Sur le document prêt j'exécute footable() et il fait un certain style de ligne, etc ... Il semble bien fonctionner SAUF pour une chose ....Appel de jQuery sur une requête Ajax

PROBLÈME: Initialement le style de table est superbe. MAIS, quand je défile, et que la requête Ajax récupère plus d'enregistrements, les lignes sont toutes affichées dans la table, MAIS les nouvelles lignes ne sont pas stylées de manière appropriée. Donc, je pense que je dois encore invoquer le code de document prêt? Si c'est le cas, comment puis-je le faire?

est ici une partie du code ...

@section scripts{ 
    <script src="~/Scripts/infiniteScroll.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("div#loading").hide(); 
     }); 
     var moreRowsUrl = "/SearchResults/GetRecords"; //the URL to your ActionMethod   
     $(window).scroll(scrollHandler); 
    </script> 

    @Scripts.Render("~/plugins/footable") 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.footable').footable(); 
     }); 
    </script> 
} 

@section Styles { 
    @Styles.Render("~/plugins/footableStyles") 
} 

Merci d'avance pour vos commentaires perspicaces! :)

+1

sur la ajax 'événement Success', après avoir ajouté les nouvelles lignes, appelez le code faire votre style – Shyju

Répondre

3

On dirait que tout ce que vous faites sur le document prêt est:

$('.footable').footable(); 

Donc, dans votre fonction success pour la demande ajax, il suffit d'appeler à nouveau le code ci-dessus.

Cela va probablement quelque part dans votre scrollHandler puisque c'est ce qui semble être appelé lorsque vous faites défiler, mais vous ne postez pas le code