ember-table：为什么headerCellViewClass不受尊重？

Question

更新

你最终决定是时候发布SO了，你这样做了，然后你发现了一个愚蠢的错误。已搞定。从->移除Ember.Table.HeaderCell.extend ->。

---

我正在尝试使用#183中的示例自定义标题单元格以进行排序。不幸的是，传递给headerCellViewClass的模板没有被渲染。

我在一个随机的课程中添加了＆＃34; asdf＆＃34;只是为了向自己证明我的布尔人不是问题所在。我可以通过控制台访问headerCellName，sorted和supportSort，它们都有预期的值。

在我的控制器的循环中创建的列

Ember.Table.ColumnDefinition.create App.SortableColumnMixin, {
      columnWidth: 100
      textAlign: 'text-align-left'
      tableCellViewClass: 'App.ReportValueCell'
      headerCellName: columnName
      contentPath: columnName
      isSortable: yes
}

您在此处注意到我设置了自定义tableCellViewClass。那个功能很完美。

SortableColumnMixin

App.SortableColumnMixin = Ember.Object.create(
  supportSort: true
  sorted: false
  headerCellViewClass: 'App.SortableHeaderCell'
)

App.SortableHeaderCell

App.SortableHeaderCell = Ember.Table.HeaderCell.extend ->
    templateName: 'table/sortable-header-cell'

表/排序集管cell.hbs

<div class="ember-table-content-container" {{action sortByColumn view.content}}>

  <span class="ember-table-content" class="21340987235">
    asdf
    {{view.content.headerCellName}}

    {{#if view.content.supportSort}}
      <div style="float:right;">
        {{#if view.content.sorted}}
          {{#if sortAscending}}
            <div style="cursor:s-resize;" title="Ascending">
              &#8593; 
            </div>
          {{else}}
            <div style="cursor:n-resize;" title="Descending">
              &#8595;
            </div>
          {{/if}}
        {{else}}
          &#8645;
        {{/if}}
      </div>
    {{/if}}
  </span>
</div>

检查

Inspector

有没有人比我更清楚为什么会这样？

Answer 1

更新

你最终决定是时候发布SO了，你这样做了，然后你发现了一个愚蠢的错误。已搞定。删除 - ＆gt;来自Ember.Table.HeaderCell.extend - ＆gt;。