Angular2 PrimeNG datatable Редактируемый флаг загрязнения ячейки

Я использую таблицу данных Primeng, в которой есть редактируемые столбцы. Я хочу пометить ячейку как грязную после ее редактирования и сохранить отредактированные строки в базе данных. Кто-нибудь может подсказать, есть ли способ сделать это?


angular primeng-datatable dirty-data
person chloe    schedule 11.08.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это действительно зависит от того, как вы пытаетесь обрабатывать сохранения. Способ по умолчанию (сохранить, как только фокус ввода изменится) или сохранить кучу изменений в зависимости от действий пользователя (т.е. пользователь нажимает кнопку «Сохранить» и сохраняет их все сразу). Я предполагаю второй вариант, поскольку он кажется наиболее разумным, исходя из вашего вопроса.

Вот как я добился этого в проекте, над которым я сейчас работаю.

  1. В файле компонента создайте массив для хранения отредактированных строк... selectedRows: any[] = [];
  2. Используйте обработчик событий (onRowSelect)="yourRowSelectHandler($event)". а. Событие будет включать свойство данных, содержащее все данные из выбранной строки. б. Поместите данные в массив selectedRows.
  3. Когда пользователь нажимает кнопку сохранения, вы можете просмотреть массив selectedRows и сохранить данные.

Вот plunkr для демонстрации основ: http://plnkr.co/edit/59AghKq6NtOXvndT64Iy?p=preview

person user7087663    schedule 03.10.2017