Как применить бесконечную загрузку на jquery Footable реализуется HTML-таблицы

Question

Как применить бесконечную загрузку на jquery Footable реализуется HTML-таблицы

0

Я хочу использовать бесконечную загрузку с помощью jQuery, поддерживающей html-таблицу, вместо использования ее функции разбиения на страницы.

Я попытался реализовать некоторые прокрутки, бесконечные плагины загрузки, но он выглядел и функционировал.

поэтому любое обходное решение или подход для применения бесконечной нагрузки на полноценную реализованную таблицу html.

Sekhar Babu 11 нояб. 2013, в 13:01

Источник

Теги:

jquery

infinite-scroll

footable

1 ответ

Ещё вопросы

twigmac · Answer 1 · 2014-06-23T15-20-00.000Z

Сначала вы должны инициализировать прослушиватель, когда документ готов, который запускает загрузку в соответствии с этим фрагментом.

var win = $(window);
win.scroll(function() {
    if(win.scrollTop() + win.height() >= $(document).height()) {
        loadMoreItems();
    }
});

Во-вторых, вам нужна функция, которая извлекает больше элементов и добавляет их в таблицу, как это изложено в этом фрагменте.

function loadMoreItems() {
    $.ajax({
        url: "/your/ajax/url/",
        success: function(response) {
            var footable = $('#yourTableId').data('footable');
            for(var i = 0; i < response.length; i++) {
                footable.appendRow(response[i]);
            }
        }
    });
}

В этом примере ваш ответ должен быть JSON-кодированным массивом HTML-строк, каждый из которых является строкой таблицы (<tr>...</tr>). Этот пример просто сочетает возможности JQuery AJAX и Footable.

Надеюсь, поможет! :)