ui网格中的EditableCellTemplate处于编辑模式[ng网格3.X]

EditableCellTemplate in ui-grid stuck in edit mode [ng-grid 3.X]

本文关键字：网格 模式 ng 编辑 EditableCellTemplate 于编辑 ui      更新时间：2023-09-26

这是这个问题的一个轻微延续。

我正在使用nggrids新发布的ui grid，并且在editableCellTemplate方面遇到了问题。我我使用模板来显示一个动态下拉列表，使用ng选项进行编辑。这很好，但是单元格似乎被困在编辑模式中。我以前见过与旧版本的ng网格相关的堆栈溢出问题。（喜欢这篇文章）

这些解决方案最终通常会指出，他们在选择时忘记了使用ng-input="COL_FIELD"。

我尝试过这样的方法，但它似乎不适用于ui网格。也许是因为我使用了ng选项，而其他例子没有？这是网格中的下拉列表。请注意，如果失去焦点，单元格仍处于编辑模式。

有人遇到过ui网格的这个问题并克服了它吗？如果是的话，我们将不胜感激。

将ng单元格输入替换为ui网格编辑下拉列表

这是Plunker

BTW，这是默认的模板

<div>
  <form name="inputForm">
    <select ng-class="'colt' + col.uid" ui-grid-edit-dropdown ng-model="MODEL_COL_FIELD" ng-options="field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray"></select>
  </form>
</div>

如果没有原因，也许不需要自定义模板，请查看本教程。

以下是@allyusd对答案的一点更新，这通常是正确的，但在模糊单元格后，plunker无法正常工作。

将模板更改为：

<div>
    <select ui-grid-edit-dropdown ng-class="'colt' + $index" ng-model="MODEL_COL_FIELD" data-ng-options="d.type as d.type for d in getExternalScopes().genderTypes">
        <option value="" selected disabled>Choose Gender</option>
    </select>
</div>

特别是部分data-ng-options="d.type as d.type...

这将只将类型传递到模型中。

请在此处查看（略微）分叉的Plunker。（注意，我再次在网格后添加了一些调试信息）

不要把这当成一个答案。这只是对盟友的回答的一个温和的修正。

相关文章：