在ember js中的Rowlink

时间:2014-03-16 09:07:03

标签: ember.js

我想提供整行的链接。 我搜索了几个例子,但它们都链接到一个<td>

以下是我的尝试:

         <table class="table">  
           <thead>  
             <tr>  
              <th>Leave Type</th>  
              <th>Approved Leaves</th>  
              <th>Balance Leaves</th>
              </tr>  
            </thead>  
            <tbody>  
             {{#each}}
             <tr>  
                <td>{{#link-to 'pastrequests' this}}{{leavetypes}}{{/link-to}}</td>  
                <td>{{approvedleaves}}</td>  
                <td>{{balanceleaves}}</td> 

              </tr>
              {{/each}}                  
            </tbody>  
           </table> 

2 个答案:

答案 0 :(得分:1)

您应该将链接放在tr元素上。别忘了指定tagName

<tbody>  
  {{#each}}
    {{#link-to 'pastrequests' this tagName='tr'}}  
      <td>{{leavetypes}}</td>  
      <td>{{approvedleaves}}</td>  
      <td>{{balanceleaves}}</td> 
    {{/link-to}}
  {{/each}}                  
</tbody>

答案 1 :(得分:0)

{{#link-to 'pastrequests' this}}

应该在'tr'上而不是'td。