Работа на веб-сайте ASP.NET/MVC5. У меня есть таблица данных, основанная на jQuery (базовая). Я внедрил для него функцию "бесконечного прокрутки". На готовом документе я выполняю footable(), и он делает несколько стилей строки и т.д. Кажется, что он работает хорошо, ИСКЛЮЧИТЕЛЬНО для одного...
ПРОБЛЕМА: Изначально стиль стола выглядит великолепно. НО, когда я прокручиваю, и запрос 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")
}
Заранее благодарю за ваши проницательные комментарии! :)
Похоже, все, что вы делаете на готовом документе:
$('.footable').footable();
Поэтому в вашей функции success
для запроса ajax просто вызовите вышеуказанный код еще раз.
Вероятно, это происходит где-то в вашем scrollHandler
поскольку это похоже на то, что scrollHandler
при прокрутке, но вы не отправляли код
success
ajax, после добавления новых строк, вызовите код для стилизации