我如何使用 jquery ajax 为 rhomobile 应用程序进行分页答案

【问题标题】：How do i make paging using jquery ajax for rhomobile app我如何使用 jquery ajax 为 rhomobile 应用程序进行分页
【发布时间】：2013-09-19 12:27:03
【问题描述】：

我有一个表格，我需要以分页方式显示记录。

假设我有 200 条记录，我需要在每页上显示 10 条记录。我已经使用Paginate 从 Rhom 获取数据。

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

那么我怎样才能在不改变视图的情况下使用 ajax 调用来获取下一页记录。

感谢您的帮助。

【问题讨论】：

标签： jquery ajax rhomobile rhodes

【解决方案1】：

可以通过发送页码和页限制对方法进行ajax调用，通过responce获取视图。

您应该使视图具有与原始视图完全相同的设计，并且在 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');
    });

建议

如果您想减轻编写此类代码的负担，您可以简单地获取视图中的所有记录，然后使用JqueryDataTable 将它们呈现为您想要的。

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

【讨论】：

感谢 ajax 调用。我将表格视图复制到另一个方法视图并对其进行了 ajax 调用。其次，数据表看起来很棒。肯定想试一试。
是的，即使您可以拥有自己的 css 代码来覆盖表格样式。