Question

我有一个带有editbale单元的ng-grid表，我正在使用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>'
 },

可编辑单元格工作正常，但模糊处理没有任何反应，编辑框仍然显示在网格上。

任何人都有任何想法？

Answer 1

您可能面临与之前的SO文章相同的问题：AngularJS (ng-grid) "editableCellTemplate" remains in edit mode on loss of focus

尝试将 ng-input =“COL_FIELD”添加到您的editableCellTemplate

Answer 2

我在editableCellTemplate中使用datepicker-popup阅读了有关同一问题的其他SO帖子。例如：Date picker is not working in AngularJS (ng-grid) "editableCellTemplate"。我的猜测是由于ng-grid和日期选择器之间不兼容。他们都来自有角度的团队，但嘿，没有人是完美的:)我还没有读到任何解决方案:(

为什么我的ng-grid编辑模板不会在模糊时关闭

2 个答案: