Bezdepbonusu7Программирование: статьи и ответы

Вопрос

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

Автор вопроса: ShamОтветов: 1

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

celltemplateangular-ui-grid

Ответы

Ответ 1 · imbalind

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

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы