Показывать кнопку в столбце только для вновь добавленной строки

У меня есть ui-Grid, где есть 5 столбцов. Предоставили возможность добавить новую строку. Последний столбец — это значок для удаления строки. Но мне нужно, чтобы кнопка удаления была включена только для вновь добавленных строк, а не для ранее представленной. Например, если я нажму «Добавить строку», тогда кнопка удаления для этой строки должна быть включена, для других она должна быть отключена. Любая идея о том, как этого достичь?


celltemplate angular-ui-grid
person Sham    schedule 26.11.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны добавить поле в объект строки, скажем, 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>
person imbalind    schedule 27.11.2015