使用Knockout和JayData进行拉动刷新

Question

我正在使用Knockout.js和JayData开发HTML5应用程序，在实现拉取刷新数据列表时遇到了问题。

我使用 API 查询远程OData服务JayData并将结果分配给KO observable数组：

db.MySet
  .orderBy('it.Field1')
  .skip(recordsToSkip)
  .take(20)
  .toArray()
  .then(function(result) {
     self.MyDataList(result);
  }

我总是丢失旧记录。如何修复我的代码？

---

Answer 1

我想在将结果二进制到可观察对象时缺少一件小事：检查现有数组是否已经包含元素并将结果附加到现有数组中。

我的同事 Viktor 有一个教程，它通过 Knockout+JayData 拉取刷新实现了高分列表

db.MySet
  .orderBy('it.Field1')
  .skip(recordsToSkip)
  .take(20)
  .toArray()
  .then(function(result) { 
     if (result.length){
       if (self.MyDataList().length){
            self.MyDataList(self.MyDataList().concat(result));
       }else{
            self.MyDataList(result);
       }
    }
   });

这会修复应用程序吗？该示例的完整上下文可以在 GitHub 上找到

Answer 2

您需要将

新的对象数组连接到旧列表：

.then(function(result) {
    oldList = oldList.concat(result);
    self.MyDataList(oldList);
}

（因此，在第一次运行时，您需要设置oldList = [] ）