javascript - 使用 Knockout 和 JayData 进行下拉刷新

Question

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

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

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

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

---

Answer 1

您需要将新的对象数组连接到旧列表：

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

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

Answer 2

我猜在将结果绑定到 Knockout observable 时缺少一件小事：检查现有数组是否已经包含元素并将结果附加到现有数组。

我的同事 Viktor 有一个教程，它使用Knockout+JayData pull-to-refresh实现了一个高分列表

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上找到