【问题标题】:Pagination using startAt() when ordering by child按孩子排序时使用 startAt() 进行分页
【发布时间】:2017-11-07 17:22:33
【问题描述】:

我试图只检索一个记录列表,按每条记录中的一个字段排序,我希望能够检索页面中的数据。

根据Firebase documentationreference.startAt()方法有一个可选的第二个参数,即:

The child key to start at. This argument is only allowed if ordering by child, value, or priority.

首先,这是数据:

{
  "products" : {
    "-KlsqFgVWwUrA-j0VsZS" : {
      "name" : "Product 4",
      "price" : 666
    },
    "-Klst-cLSckuwAuNAJF8" : {
      "name" : "Product 1",
      "price" : 100
    },
    "-Klst7IINdt8YeMmauRz" : {
      "name" : "Product 2",
      "price" : 50
    },
    "-Klst9KfM2QWp8kXrOlR" : {
      "name" : "Product 6",
      "price" : 30
    },
    "-KlstB51ap1L2tcK8cL6" : {
      "name" : "Product 5",
      "price" : 99
    },
    "-KlstDR5cCayGH0XKtZ0" : {
      "name" : "Product 3",
      "price" : 500
    }
  }
}

这是能够检索第 1 页的代码(最低价商品 + 最低价 + 最低价第三名):

(我使用的是 Firebase JS SDK 4.1.1)

'use strict';
var firebase = require('firebase');

firebase.initializeApp({
    apiKey: "your-api-key",
    authDomain: "your-firebase-domain",
    databaseURL: "https://your-db.firebaseio.com",
    projectId: "your-project",
    storageBucket: "your-bucket.appspot.com",
    messagingSenderId: "your-sender-id"
})

firebase.database().ref('products')
.orderByChild('price')
.limitToFirst(3)
.on('child_added', function (snapshot) {
    var key = snapshot.key;
    var data = snapshot.val();
    console.log(key + ': ' + JSON.stringify(data))
})

输出:

TJ:数据库 tjwoon$ 节点 test.js

-Klst9KfM2QWp8kXrOlR: {"name":"Product 6","price":30}
-Klst7IINdt8YeMmauRz: {"name":"Product 2","price":50}
-KlstB51ap1L2tcK8cL6: {"name":"Product 5","price":99}

第 2 页应该是价格第 3 低、第 4 低和第 5 低的产品,这意味着我的代码需要多一行:

firebase.database().ref('products')
.orderByChild('price')
.startAt(null, '-KlstB51ap1L2tcK8cL6')
.limitToFirst(3)
.on('child_added', function (snapshot) {
    var key = snapshot.key;
    var data = snapshot.val();
    console.log(key + ': ' + JSON.stringify(data))
})

输出:

TJ:database tjwoon$ node test.js
-Klst9KfM2QWp8kXrOlR: {"name":"Product 6","price":30}
-Klst7IINdt8YeMmauRz: {"name":"Product 2","price":50}
-KlstB51ap1L2tcK8cL6: {"name":"Product 5","price":99}

问题是它再次返回第 1 页。如果文档正确,则结果应从键为-KlstB51ap1L2tcK8cL6 的记录开始。

我尝试为价格字段添加.indexOn 规则,但结果保持不变。

如果我删除orderByChild() 行,那么结果确实从给定的键开始,但是排序当然不正确,而且它的行为与文档相反......

我发现了这些描述相同问题的其他 Stack Overflow 帖子:

但是,这些问题没有答案,回复也很少。 Github 存储库中没有与搜索词 startat 匹配的问题。

还有其他人面临同样的问题吗?这个问题导致无法以分页方式检索排序列表...

【问题讨论】:

标签: javascript firebase pagination firebase-realtime-database


【解决方案1】:

你快到了!

问题在于您如何为第二页调用startAt

.startAt(null, '-KlstB51ap1L2tcK8cL6')

要获得正确的结果,您需要同时传递所谓的锚项的价格和密钥:

.startAt(99, '-KlstB51ap1L2tcK8cL6')

Firebase 将找到所有带有 price 99 的项目,然后返回以键 '-KlstB51ap1L2tcK8cL6' 开头的项目。

【讨论】:

  • 谢谢!看起来第一个参数是“主要” startAt 标准,第二个参数用作一种消歧值,以防多个孩子具有相同的值。太棒了,非常感谢!
  • 我想知道如何通过 REST 使用此功能。如果有人可以提供帮助,这就是我在 stackoverflow.com/questions/45909798/… 提出的问题
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-22
  • 1970-01-01
  • 2020-12-08
  • 2021-12-19
  • 1970-01-01
  • 2017-06-26
相关资源
最近更新 更多