成员表:为什么不尊重headerCellViewClass

Question

更新

你最终决定是时候在SO上发帖了，你这样做了，然后你发现了一个愚蠢的错误。照顾好了。从Ember.Table.HeaderCell.extend ->中删除->。

---

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

我在一个随机类中添加了"asdf"，只是为了向自己证明我的布尔值不是问题所在。我可以通过控制台访问headerCellName、sorted和supportSort，它们都有自己的期望值。

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

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

您会注意到，我在这里设置了一个自定义表CellViewClass。那个功能很好。

SortableColumnMixin

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

应用程序门户标题单元格

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

表/sortable-header-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>

检查员

检查员

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

Answer 1

更新

你最终决定是时候在SO上发帖了，你这样做了，然后你发现了一个愚蠢的错误。照顾好了。从Ember.Table.HeaderCell.extend->中删除->。