Come aggiungere un modello di cellulare personalizzato al tavolo da tavola di ember

Question

In passato ho usato un modello di manubrio alla vaniglia per creare un tavolo con collegamenti ad altri modelli come così.

<tbody>
        {{#each}}
            <tr>
                <th>
                    {{#link-to 'entities.entity' actorId}}{{/link-to}}
                </th>
                {{#each alsoKnownAs}}
                <td>
                    {{this}}
                </td>
                {{/each}}
            </tr>
        {{/each}}
        </tbody>

.

Utilizzando il framework Ember-Table Ho refatturato quel modello a

<div style="height: 800px;width: 100%;">
{{table-component
  hasFooter=false
  enableContentSelection=true
  columns=columns
  content=controller}}
</div>

.

My Controller Ora sembra

entitiesController = Ember.ArrayController.extend

  sortAscending: true
  sortProperties: ['displayName']
  profile_link: 'entities/profile_link'

  columns: Ember.computed ->

    AKA = Ember.Table.ColumnDefinition.create
      columnWidth: 750
      headerCellName: 'Also Known As'
      textAlign: 'text-align-left'
      getCellContent: (row) -> row['alsoKnownAs'].join(', ')

    displayName = Ember.Table.ColumnDefinition.create
      columnWidth: 200
      headerCellName: 'Entity Name'
      textAlign: 'text-align-left'
      TableCellViewClass: 'profile_link'
      getCellContent: (row) -> row['displayName']

    [displayName, AKA]

.

E il mio modello personalizzato Entities / Profile_Link

<th>{{#link-to 'entities.entity' actorId}}{{/link-to}}</th>

.

Come posso configurare il mio controller in modo che quando faccio clic su una cella nella colonna "Nome Entity" collega il mio modello personalizzato?

Answer 1

invece di TableCellViewClass: 'profile_link'

È possibile definire il modello inline:

tableCellViewClass: Ember.Table.TableCell.extend
        template: Em.Handlebars.compile """
          {{#link-to 'entities.entity' view.cellContent}}
            {{view.cellContent}}
          {{/link-to}}
"""

.