EditableCellTemplate пользовательский интерфейс

Я хотел бы иметь ng-ввод типа номер в одном из столбцов в UI-сетки. В идеале это будет выглядеть так:

Я сделал это с помощью регулярного cellTemplate, но как я понял правильный способ это использовать editableCellTemplate.С помощью editableCellTemplate Я получаю правильное поведение, но моя ячейка выглядит редактируемой только при двойном щелчке, и результат выглядит так:

Выделенные ячейки выглядят редактируемыми, а остальные нет, что не очень удобно для пользователя. Как сделать так, чтобы все ячейки в столбцах выглядели так, как определено в editableCellTemplate даже если они не были нажаты.

1 ответ

Решение

Вы должны указать cellTemplate (в добавок к editableCellTemplate) для того, как значение появляется, когда не в фокусе. Например...

 { name: 'MyColumn', displayName: 'My column', width: '12%', cellTemplate: 'yourDisplayCellTemplate', editableCellTemplate: 'yourEditableCellTemplate' },
Другие вопросы по тегам