简介
backbone-pageable 是一个开源的前端 JavaScript 库，它提供了一些方便的方法和工具来分页和排序 Backbone 集合。这个库基于 Backbone.js 构建，可以很容易地与 Backbone 项目集成。
在本文中，我们将学习如何使用 backbone-pageable 来管理分页和排序，以及如何将其应用于实际项目中。
安装
首先，我们需要安装 backbone-pageable。我们可以使用 npm 进行安装：
npm install backbone-pageable --save
或者，我们也可以从 Github 上下载最新版本并手动添加到项目中。
基本使用
假设我们有一个 Backbone 集合 MyCollection，其中包含许多项目。现在，我们想要对这些项目进行分页和排序。这时，backbone-pageable 就派上用场了。
首先，我们需要引入 backbone-pageable：
const PageableCollection = require('backbone-pageable');然后，我们可以创建一个新的分页和可排序的集合：
-- -------------------- ---- -------
----- -------------------- - ---------------------------
---- --------------------
------ --------
------ -
--------- ---
-------- -------
------ -
--
----- --------
---在上面的代码中，我们通过继承 PageableCollection 来创建一个新的集合 MyPageableCollection。集合的 url 属性指定从服务器获取数据的 URL，model 属性指定集合中的模型类型。集合的 state 属性包含了一些用于分页和排序的状态信息，例如每页的大小、排序键和排序顺序。最后，mode 属性指定了在客户端进行分页和排序。
现在，我们可以使用集合的 getPage() 和 setSorting() 方法来获取指定页的数据，并按照指定的键和顺序进行排序：
myPageableCollection.getPage(2, {
success: function() {
console.log(myPageableCollection.toJSON());
}
});
myPageableCollection.setSorting('age', -1);在上面的代码中，我们使用 getPage() 方法获取第二页的数据，并在成功回调函数中打印 JSON 格式的数据。接着，我们使用 setSorting() 方法将结果按照年龄倒序排序。
高级用法
除了基本的分页和排序之外，backbone-pageable 还提供了许多高级功能，例如远程分页、自定义渲染、事件监听等。
远程分页
在默认情况下，backbone-pageable 在客户端进行分页和排序。但是，如果你的数据集非常大，或者需要与服务器进行通信，那么你可能想要在服务器端进行分页和排序。
为此，我们可以将集合的 mode 属性设置为 'server'，并在集合中定义 queryParams 方法：
-- -------------------- ---- -------
----- -------------------- - ---------------------------
---- --------------------
------ --------
------ -
--------- ---
-------- -------
------ -
--
----- ---------
------------ --------------- -
------ -
----- ------------------
----- ---------------
----- ------------- - --- - ------------ --- - - ----- - -------
--
-
---在上面的代码中，我们将集合的 mode 属性设置为 'server'，这意味着所有分页和排序操作都将发送到服务器。然后，我们定义了一个 queryParams 方法，该方法接受一个状态对象，并返回一个包含分页和排序信息的查询参数对象。
自定义渲染
默认情况下，backbone-pageable 渲
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/37111