3

所以我有一个非常简单的车把助手——

Handlebars.registerHelper('selectRow', (rowIndex, selectedIds) ->
  console.log 'row index'
  console.log rowIndex
  console.log selectedIds
  isSelected = _.indexOf(rowIndex, selectedIds)
  if isSelected > -1 
    return 'class="row-selected"'
)

我有这个车把代码-

<div class="title">{{ title }}</div>
<hr/>
<table cellspacing="0" cellpadding="0">
  <thead>
    {{#each columns}}
    <th class="col-heading" data-heading="{{ this }}">{{ this }}</th>
    {{/each}}
  </thead>
  <tbody>
    {{#each rows}}
        <tr {{#selectRow @index selected }}>
          {{#each this}}
          <td>
            {{this}}
          </td>
          {{/each}}
        </tr>
      {{/selectRow}}
    {{/each}}

  </tbody>
</table>

所选参数始终未定义。如果我在其他任何地方添加一个 {{ selected }} ，它会显示一个数组，正如您从下面看到的那样，它应该 -

data = @model.data()
selected = @model.get('selection').get('selected')
@$el.html(@tableContentsTemplate({
  columns: @model.get('columns')
  rows: data
  title : @model.get('title')
  selected: JSON.stringify(selected)
}))

如何将所选参数正确传递给我的助手？

4

2 回答 2

1

您在selectedHandlebarseach循环中使用变量，所以我想selected不在范围内。

于 2013-08-12T22:36:06.580 回答
1

我认为您只是对如何_.indexOf工作感到有些困惑。来自精美手册：

指数 _.indexOf(array, value, [isSorted])

返回可以在数组中找到值的索引，如果数组中不存在值，则返回-1。

因此，您要搜索的数组selectedIds, 应该是第一个参数，而您要搜索的元素是第二个参数。也许你的意思是：

isSelected = _.indexOf(selectedIds, rowIndex)

或更好（IMO）：

isSelected = _(selectedIds).indexOf(rowIndex)

我通常发现使用该_()函数会产生更清晰的代码。

另外，不{{#selectRow @index selected }}应该{{selectRow @index selected}}吗？前导#应该引入一个块，但你的助手不是写成块助手。

一旦上述两个问题都得到解决，对我来说似乎发生了一些明智的事情：http: //jsfiddle.net/ambiguous/pkVZc/1/

于 2013-08-12T22:45:13.720 回答