ember.js - ember-table: 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
}

ここでカスタム 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'

table/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>

検査官

検査官

これがなぜなのか、私よりもよく知っている人はいますか？