在由孩子订购时使用startAt()进行分页

时间:2017-06-06 15:38:10

标签: javascript firebase pagination firebase-realtime-database

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

根据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 $ node 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}

问题在于它再次返回。如果文档正确,则结果应从包含密钥-KlstB51ap1L2tcK8cL6的记录开始。

我尝试在价格字段中添加.indexOn规则,但结果仍然相同。

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

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

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

还有其他人面临同样的问题吗?此问题使得无法以分页方式检索已排序的列表...

1 个答案:

答案 0 :(得分:5)

你快到了!

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

.startAt(null, '-KlstB51ap1L2tcK8cL6')

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

.startAt(99, '-KlstB51ap1L2tcK8cL6')

Firebase会找到包含price 99的所有项目,然后返回从密钥'-KlstB51ap1L2tcK8cL6'开始的项目。