Question

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

我正在使用第三方EmberJS库ember-models-table来制作分页表。我将 book.pages 传递给了分页表格组件，并且一切正常，除非我想在结果页面之间实际移动。我使用的ember-models-table版本希望在对结果进行分页时在book.pages上出现某些字段：元，查询，商店和 type.modelName 。我可以将这些字段显式设置到book.pages上，但是我觉得必须有一种更好的方法。当您将EmberJS响应设置为另一个对象时，为什么会从余烬数据查询响应中剥离 meta 和 store 之类的字段？

控制器

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
}}

Answer 1

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

例如，在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;
  }

将查询响应分配给模型字段时，会丢失大量的余烬数据类属性

1 个答案: