Как сделать пейджинг с помощью jquery ajax для приложения rhomobile

Question

У меня есть таблица, где мне нужно показывать записи в режиме разбивки на страницы.

Скажем, у меня есть 200 записей, мне нужно показать 10 записей на каждой странице. Я использовал Paginate для получения данных от Rhom.

MyModel.paginate(:page => 1, :per_page => 10) 

Так как я могу использовать вызов ajax для извлечения записей следующей страницы без изменения вида.

Справка приветствуется.

Answer 1

Вы можете вызвать вызов ajax методу, отправив номер страницы и лимит страницы и получить представление через ответ.

Вы должны сделать представление, чтобы иметь точный дизайн, как у вас в оригинальном виде, и после успеха ajax просто замените представление на новое.

$.get('/app/MyModel/get_new_view, 
    { pageNumber: 1, // u need to set it dynamically 
     pageLimit: 10 } 
    ) 
    .success(function (data) { 

     // Check the Responce 
     if(data.length != 0) { 
      $('.container').html(data); 
     } 
     else { 
      alert('Unable to get the page'); 
     } 
    }) 
    .error (function (data) { 
     alert('Unable to get the page'); 
    }); 

Suggession

Если вы хотите, чтобы уменьшить бремя написания такого кода, вы можете просто получить все записи в представлении и использовать JqueryDataTable, чтобы сделать их, как вы хотите.

$(document).ready(function() { 
    $('.youTable').dataTable({ 
     "aaSorting": [[ 1, "asc" ]], 
     "aoColumnDefs": [{ "bSortable": false, "aTargets": [ 0,1 ] }] 
    }); 
});