如何使用jqueryajax for rhomobile应用程序进行分页
我有一个表,需要以分页方式显示记录 假设我有200条记录,我需要在每页上显示10条记录。我曾经从Rhom那里获取数据如何使用jqueryajax for rhomobile应用程序进行分页,jquery,ajax,rhomobile,rhodes,Jquery,Ajax,Rhomobile,Rhodes,我有一个表,需要以分页方式显示记录 假设我有200条记录,我需要在每页上显示10条记录。我曾经从Rhom那里获取数据 MyModel.paginate(:page => 1, :per_page => 10) 那么,如何使用ajax调用在不更改视图的情况下获取下一页记录呢 非常感谢您的帮助。您可以通过发送页码和页数限制对方法进行ajax调用,并通过responce获得视图 您应该使视图具有与原始视图相同的设计,在ajax成功后,只需使用新视图替换视图即可 $.get('/app
MyModel.paginate(:page => 1, :per_page => 10)
那么,如何使用ajax调用在不更改视图的情况下获取下一页记录呢
非常感谢您的帮助。您可以通过发送页码和页数限制对方法进行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');
});
建议
如果您想减轻编写此类代码的负担,只需获取视图中的所有记录,并使用它们按照您的需要进行渲染
$(document).ready( function () {
$('.youTable').dataTable({
"aaSorting": [[ 1, "asc" ]],
"aoColumnDefs": [{ "bSortable": false, "aTargets": [ 0,1 ] }]
});
});
谢谢你的ajax电话。我将我的表视图复制到另一个方法视图,并对其进行了ajax调用。其次,datatable看起来非常出色。我当然想尝试一下。是的,甚至你也可以用自己的css代码来覆盖那里的表格样式。