2016-07-13 14 views
-2

ASP.NET/MVC5ウェブサイトで作業する。私は、jQueryベースのデータ駆動型テーブル(footable)を持っています。私はそれに "無限のスクロール"機能を実装しました。準備が整っているドキュメントではfootable()を実行し、行のスタイリングなどを行います。それ以外はうまく動作しているようです。しかし、私がスクロールし、Ajaxリクエストがより多くのレコードを取得すると、行はすべて表に表示されますが、新しい行は適切にスタイルされません。だから、私はドキュメントの準備ができたコードをもう一度呼び出さなければならないと思っていますか?この場合、どのようにすればいいですか?ここでAjaxリクエストでjQueryを呼び出す

はコードの部分は...あなたの洞察に満ちたコメントを事前に

@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") 
} 

感謝です! :)

+1

を投稿していなかったので、これはおそらくどこかscrollHandlerで行きますあなたのスタイリングをする – Shyju

答えて

3

それはあなたの準備ができて、文書にやっているすべてのように見えるです:AJAX要求のためのあなたのsuccess機能でそう

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

、もう一度上記のコードを呼び出します。

それはあなたがスクロールする際に呼ばれるように思えるのですが、あなたは、新しい行を追加した後、コードを呼び出す、アヤックス `SUCCESS`イベントにコード

関連する問題