Javascript YIU和AJAX分页

Javascript YIU和AJAX分页,javascript,pagination,yui,Javascript,Pagination,Yui,YIU框架是否有AJAX分页? 我试过了,但它看起来像是在没有AJAX的情况下分页数据。据我所知,有一个单独的请求获取整个结果集,然后按页面进行分解,但是如果有几百万行呢 这是我的数据样本: 这是JS代码: 非常适合服务器端分页。不幸的是,文档和示例似乎处于脱机状态,但值得坚持。您是否能够设置分页JSON数据的外观 插件需要这样的数据 { totalItems:12931, itemsPerPage: 20, page:3, results: [ {data record 1},

YIU框架是否有AJAX分页? 我试过了,但它看起来像是在没有AJAX的情况下分页数据。据我所知,有一个单独的请求获取整个结果集,然后按页面进行分解,但是如果有几百万行呢

这是我的数据样本:

这是JS代码:

非常适合服务器端分页。不幸的是,文档和示例似乎处于脱机状态,但值得坚持。您是否能够设置分页JSON数据的外观

插件需要这样的数据

{
 totalItems:12931,
 itemsPerPage: 20,
 page:3,
 results:
 [
   {data record 1},
   {data record 2}
 }
}
这样做是有意义的,因为分页需要元数据才能为您呈现分页


我找不到作者的详细联系方式,这很遗憾,因为如果有这些例子的话,这真的很方便。如果有机会,我将在线获取一个基本示例,并将其链接到此处。

该问题已使用示例数据更新。我已经创建了Restful API。可以使用
页面
查询参数进行查询。顺便说一句,我也使用了
DataTable
,但到目前为止没有分页。我以前看过这个链接。什么是
#tmpl bar
应该由我创建?因为我在这条线上有个错误。为什么uis将其称为gallery?您提供的JSON应该是API的输出还是数据表的配置?这应该是API的输出。在工作中,我们将其与ModelList一起使用。您有远程分页的示例吗?我已经用JS代码和新的服务器输出更新了这个问题。到目前为止,我还无法将其设置为
远程
    YUI(
        {gallery: 'gallery-2013.01.16-21-05'}
    ).use(
        'gallery-datatable-paginator'
        , 'gallery-paginator-view'
        , 'datasource-io'
        , 'datasource-jsonschema'
        , 'datatable-base'
        , 'datatable-datasource'
        , 'datatable-scroll' 
        , function (Y) {
            var cols = [    
                { key: 'userid',    label: 'UserId'  }, 
                { key: 'password',  label: 'Password'  },
                { key: 'status_id', label: 'Status'  },
                { key: 'created',   label: 'Created'  },
            ];
            var url = '/app_dev.php/partner/api/users';
            var ds  = new Y.DataSource.IO({ 
                source:url
            });
            ds.plug(Y.Plugin.DataSourceJSONSchema, {
                schema: {resultListLocator: 'users'}
            });
            var pmodel = new Y.PaginatorModel({
                page:           1,
                itemsPerPage:   6,
                totalItems:     500
            });
            var dt = new Y.DataTable(
                {
                    columnset: cols
                    , paginator: new Y.PaginatorView({
                        model:              pmodel,
                        container:          '#pagBasicCCont',
                    })
                    , paginatorResize: true
                    , paginationSource: 'remote'
                }
            ).plug(
                Y.Plugin.DataTableDataSource
                , {datasource: ds}
            );
            dt.render('#data-tbl');
            dt.datasource.load();
        }
    );
{
 totalItems:12931,
 itemsPerPage: 20,
 page:3,
 results:
 [
   {data record 1},
   {data record 2}
 }
}