我怎样才能为EmberJs的选定行更改元素？

Question

我只想知道如何更改Emberjs在表格中选择的行详细信息。

现在我的普通html表看起来像这样。

所以当我点击编辑行时，它会变成这样。

我怎样才能在Emberjs身上做到这一点？

谢谢！

Answer 1

在不知道您的源代码的情况下，我猜测您正在迭代某个模型以创建每行数据＆＃39;。所以你可以通过＆＃39; rowData＆＃39;将对象放入Edit Row按钮的动作处理程序中。这是一个简单的例子。

// templates/components/my-table.hbs
<table>
  {{#each model as |rowData|}}
    <tr>
      <td>{{rowData.prop1}}</td>
      <td>{{rowData.prop2}}</td>
      <td>{{rowData.prop3}}</td>
      <td>{{rowData.prop4}}</td>
      <td>
        <button {{action 'editRowAction' rowData}}>Edit Row</button>
      </td>
    </tr>
  {{/each}}
</table>

// components/my-table.js
import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    editRowAction(rowData) {
      // handle rowData here
    }
  }
});