仅为新添加的行显示列中的按钮

时间:2015-11-26 08:04:35

标签: angular-ui-grid celltemplate

我有一个ui-Grid,其中有5列。提供了添加新行的选项。最后一列是用于删除行的图标。但我需要为新添加的行启用删除按钮,而不是之前存在的行。就像我点击Add row,然后应该启用该行的删除按钮,对于其他人,应该禁用它。有关如何实现它的任何想法?

1 个答案:

答案 0 :(得分:0)

您应该向行实体添加字段,让我们说new并使用它来通过在自定义模板中添加ng-disabled标记来推动按钮的状态。

在您的控制器中:

gridOptions.data = myData

[...]

var newRecord = {
  [...]
  new: true
};
myData.push(newRecord);

在你的模板中:

<a class="btn btn-default" ng-disabled="!row.entity.new">Delete</a>