Почему мой шаблон редактирования ng-grid не закрывается при размытии

У меня есть таблица ng-grid с ячейкой editbale, для которой я использую angular ui datepicker.

{
   width: "80px",
   field: "EstInvDate",
   displayName: "Inv Date",
   enableCellEdit: true,
   editableCellTemplate: '<input class="form-control"  type="text" datepicker-popup="dd MMM yyyy"  ng-model="row.entity.EstInvDate" min="minDate" max="\'2015-06-22\'" ng-required="true" />',
   cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()">{{row.getProperty(col.field) | date:"dd MMM yy"}}</div>'
 },

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

У кого-нибудь есть идеи, почему?


angularjs angular-ui-bootstrap ng-grid
person Richard    schedule 08.10.2013    source источник
comment
Можете ли вы опубликовать скрипку или плункер, чтобы разрешить играть?   -  person Maxim Shoustin    schedule 08.10.2013

Ответы (2)


arrow_upward
2
arrow_downward

Вероятно, вы столкнулись с той же проблемой, что и в этой предыдущей статье SO: EditableCellTemplate AngularJS (ng-grid) остается в режиме редактирования при потере фокуса

Попробуйте добавить ng-input="COL_FIELD" в свой editableCellTemplate.

person AardVark71    schedule 08.10.2013

arrow_upward
0
arrow_downward

Я читал другие сообщения SO о той же проблеме с использованием всплывающего окна datepicker в editableCellTemplate. Например: Выбор даты не работает в AngularJS (ng -grid) editableCellTemplate. Я предполагаю, что это связано с несовместимостью между ng-grid и этим средством выбора даты. Они оба из команды angular, но никто не идеален :) Я не читал ни о каких решениях :(

person steve    schedule 09.10.2014