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