我正在使用Datatable在我的网站项目中填充大量记录。由于数据量很大,我不想加载所有记录,因此很明显,我需要以分页的方式进行加载。
因此,在我的Datatable中,我希望每个页面只显示10条记录,然后当用户单击分页按钮"2,3,...“或者当单击“下一步”时,我想绑定单击事件以获取单击的页码,并根据该页码显示下一批记录。
我有这个query,我将在SQL Server端使用它来获取相应的数据:
SELECT * FROM TABLENAME ORDER BY INSERTED_TIMESTAMP OFFSET 10 ROWS FETCH NEXT 10 ROWS ONLY;
我希
我一直在使用Material Design version: 11.0.3表的example table-schematic。 基本上,我想发出一个请求,获取响应并显示它,并提供排序和限制显示项(分页)的选项。 如果我只是将connect函数的内容替换为"return a make of the Response“,效果会很好,但是排序和分页显然不再起作用(因为它们被删除了),我不知道如何让它们起作用。 我假设示例分页和排序要求在页面加载/初始化时数据已经存在(例如,使用静态数组)。将请求放入connect()函数中,将响应的对象保存到一个变量中,然后订阅就可以了。但是,在用数据填充
我有一个页面,其中我列出了一些基于搜索数据的产品。所显示的产品不是保存在本地数据库中,而是使用API实时获取的(这就是它必须保持的方式)。
当页面加载时,它首先列出来自一个提供者的产品(第一个API调用)。在页面完成加载后,使用Ajax对第二个提供者进行第二次调用,产品列表将出现并附加到页面中。
考虑到每个api调用都需要2+秒才能返回数据,我不能在页面加载上留下超过一个调用。
我的问题是:在这种情况下如何分页?
Idea 1
执行静态分页:分页是在浏览器中完成的。这确实很简单,但是在大的结果集上,它可能会减慢设备的速度,甚至使页面崩溃。
Idea 2
在第一次加载时,缓存所有结果并使用缓存文
我有分页工作在我的角2应用程序,利用方便的NG2分页模块。现在我希望能够在组件之间传递信息。我有几个具有唯一api调用的组件,它们都将它们的内容加载到相同的表格显示中。因此,该表格显示是具有表格视图的组件。
我已经将带有数据的组件绑定到带有表格视图的组件,方法是使用方括号符号绑定“记录”,如下所示:
<tabular-display [records]="records"></tabular-display>
然后,在“tabular-display”组件中,我使用@ data ()装饰器访问这些记录数据,如下所示:
@Input() records =
是否可以将数据表设置为分页,但仅加载从服务器显示的n个条目?(通过Ajax请求)。
换句话说,每次您重新排序或单击“Next n entries”时,都会向服务器发出一个小请求,以加载要显示的新条目。从而最小化初始加载时间。
我是否可以通过初始化来做到这一点,这样它就可以应用于我的站点中的所有数据表?