在将查询响应分配给模型字段时丢失大量的ember-data类属性

Posted 2021-05-06

在我的EmberJS应用程序中，我有两个模型，Book和Page。 Book与Page具有hasMany关系。在我的控制器中编辑一本书，我正在进行查询以获取与该书相关的所有页面，然后将查询中的响应分配回书籍的页面字段。

我正在使用第三方EmberJS库ember-models-table来制作分页表。我将book.pages传递给分页表组件，一切正常，除非我想实际在结果页之间移动。我正在使用的ember-models-table版本期望在分页结果时book.pages上的某些字段存在：meta，query，store和type.modelName。我可以明确地将这些字段设置到book.pages上，但我觉得必须有更好的方法。当您将响应设置为另一个对象时，为什么EmberJS会从ember-data查询响应中删除元和存储等字段？

调节器

this.get('store').query('page', { bookId }).then((res) => {
    set(book, 'pages', res);

    // Third Party Paginated Table Component Requires These Fields
    set(book, 'pages.meta', res.get('meta'));
    set(book, 'pages.query', res.get('query'));
    set(book, 'pages.store', res.get('store'));
    set(book, 'pages.type.modelName', res.get('type.modelName'));
});

HBS - 页面表

{{models-table-paginated
  data=book.pages
  columns=columns
  customClasses=(hash table='table table-condensed')
  showGlobalFilter=false
  showColumnsDropdown=false
  selectRowOnClick=false
  pageSize=10
}}

答案

您还需要编辑序列化程序。例如，我也使用models-table，但在后端，我使用Django适配器。因此，我必须为每个模型编辑序列化程序以计算剩余页面（totalPages）并根据pageSize形成该编号以进行分页。同样在查询路线时，您需要将pageSize和page设置为默认值。现在，如果您不使用像Django这样的元，您应该检查您的适配器文档

例如，在Django中，书籍模型的序列化将是这样的

import DRFSerializer from './drf';
import DS from 'ember-data';
import { isNone } from '@ember/utils';

export default DRFSerializer.extend(DS.EmbeddedRecordsMixin,{
  extractMeta: function(store, type, payload) {
    let meta = this._super(store, type, payload);
    if (!isNone(meta)) {
      // Add totalPages to metadata.
      let totalPages = 1;
      if (!isNone(meta.next)) {
        // Any page that is not the last page.
        totalPages = Math.ceil(meta.count / payload[type.modelName].length);
      } else if (isNone(meta.next) && !isNone(meta.previous)) {
        // The last page when there is more than one page.
        totalPages = meta.previous + 1;
      }
      meta['totalPages'] = totalPages;
    }
    return meta;
  }