Добавление новой строки в сетку igx с помощью полосы действия igx

#angular #infragistics #ignite-ui #ignite-ui-angular #igx-grid

Вопрос:

Я пытаюсь создать таблицу сетки igx с помощью кнопки редактирования, аналогичной этому примеру, приведенному в примере добавления строки угловой сетки Infragistics

 <igx-action-strip #actionstrip>
    <igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
</igx-action-strip>
 

Я добавил IgxActionStripModule в app.modules.ts и addRow не найден. Должен ли я добавить некоторые другие модули или почему этот простой пример не работает?
Я не нашел никаких учебных пособий или объяснений по этому поводу.
У меня есть угловая версия 12 и Visual Studio 2019.

Ответ №1:

Обеспечьте следующее:

  • также присутствуют два других модуля зависимостей. Вы должны увидеть IgxActionStripModule, IgxInputGroupModule и IgxFocusModule.
  • убедитесь, что модули также сохраняются в импорте @NgModule.
  • Установите значение true для ввода сетки, доступной для строки, и добавьте полосу действий в качестве проекции содержимого в сетку:

    <полоса действия igx #полоса действия> <полоса действия igx #полоса действия><действия редактирования сетки igx [addRow]=»true»>

  • Установка первичного ключа обязательна для операций добавления строк.

Теперь при наведении курсора на строку вы должны увидеть значки действий с строками для добавления, редактирования и удаления строк

Комментарии:

1. Большое спасибо! Это решило мою проблему.

2. Я рад, что помог