0

我正在尝试在网页上反映我的应用程序中的高分排行榜。遵循旧的raywenderlich 教程,我正在使用 CloudKit JS 和 Knockout 来完成此操作。当然,我想按分数从高到低排序。

本教程中的示例代码使用:

var query = { recordType: 'CD_FinalScore', sortBy: [{ fieldName: 'CD_score'}] };

(当然,我为示例插入了我的 recordType 和 fieldName。)这并没有给我想要的结果,所以我在查询获取的记录上添加了一个排序方法:

self.items(records.sort(function(a, b){return b - a}));

这给了我在 Firefox 上而不是在 Safari 上想要的结果(顺序是相反的)。我的直觉告诉我,我需要关注查询签名。有人可以告诉我我做错了什么或不完整吗?谢谢!作为参考,完整的 Knockout 视图模型代码在这里:

function LeaderboardViewModel() {
    var self = this;
    var container = CloudKit.getDefaultContainer();
    var publicDB = container.publicCloudDatabase;
    self.items = ko.observableArray();
    self.fields = ko.observable('');
    self.fields.CD_score = ko.observable('');
    self.fields.CD_userName = ko.observable('');
    self.fields.CD_submitDate = ko.observable('');

    self.fetchRecords = function() {
      var query = { recordType: 'CD_FinalScore', sortBy: { fieldName: 'CD_score' } };
     
      // Execute the query.
      return publicDB.performQuery(query).then(function(response) {
        if(response.hasErrors) {
          console.error("response errors: " + response.errors[0]);
          return;
        }
       var records = response.records;
        var numberOfRecords = records.length;
        if (numberOfRecords === 0) {
          console.error('No matching items');
          return;
        }
        //self.items(records); // this is per the original, tutorial
        self.items(records.sort(function(a, b){return b - a}));
      });
    };

      container.setUpAuth().then(function(userInfo) {
      console.log("setUpAuth");
      self.fetchRecords(); 
      });
  }
  ko.applyBindings(new LeaderboardViewModel()); 

});
4

1 回答 1

0

根据user3297291的建议(特别是在提供的链接中),我将排序更改为以下内容:

self.items(records.sort(function(a, b) {
          return parseFloat(b.fields.CD_score.value) - parseFloat(a.fields.CD_score.value);
        }));

这似乎适用于两种浏览器(Firefox 和 Safari)。

于 2021-12-15T22:00:37.873 回答