2016-07-13 4 views
-2

Работает на веб-сайте ASP.NET/MVC5. У меня есть таблица данных, основанная на jQuery (базовая). Я внедрил для него функцию «бесконечного прокрутки». На готовом документе я выполняю footable(), и он делает несколько стилей строк и т. Д. Кажется, что он работает хорошо, ИСКЛЮЧИТЕЛЬНО на одну вещь ....Invoke jQuery on Ajax Request

ПРОБЛЕМА: Первоначально стиль стола выглядит великолепно. НО, когда я прокручиваю, и запрос Ajax извлекает больше записей, все строки отображаются в таблице, НО новые строки не соответствуют стилю. Итак, я думаю, что мне нужно снова вызвать готовый код документа ???? Если это так, как я могу это сделать?

Вот часть кода ...

@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

на АЯКС 'success' событие, после добавления новых строк, вызовите код сделать свой стиль – Shyju

ответ

3

Похоже, все, что вы делаете на документ ГОТОВ:

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

Так что в вашем success функции для запроса Ajax, просто вызовите выше код.

Это, вероятно, идет где-то в вашем scrollHandler, так это то, что, кажется, называется, когда вы крутите, но не отправлял код