Javascript ui网格中的EditableCellTemplate卡在编辑模式[ng grid 3.X]

Javascript ui网格中的EditableCellTemplate卡在编辑模式[ng grid 3.X],javascript,angularjs,grid,ng-grid,angular-ui-grid,Javascript,Angularjs,Grid,Ng Grid,Angular Ui Grid,这是一个轻微的延续 我正在使用新版本的ng grids,但在editableCellTemplate方面遇到了问题。我 我使用模板显示一个动态下拉列表,使用ng选项进行编辑。这很好,但是单元格似乎卡在编辑模式中。我以前在ng grid的旧版本中看到过堆栈溢出问题。(如邮政) 这些解决方案通常会指出,他们忘记在选择中使用ng input=“COL\u FIELD” 我尝试过这样的方法,但它似乎不适用于ui网格。可能是因为我使用了ng选项,而其他示例没有?下面是网格中的下拉列表。请注意,如果失去焦点

这是一个轻微的延续

我正在使用新版本的ng grids,但在editableCellTemplate方面遇到了问题。我 我使用模板显示一个动态下拉列表,使用ng选项进行编辑。这很好,但是单元格似乎卡在编辑模式中。我以前在ng grid的旧版本中看到过堆栈溢出问题。(如邮政)

这些解决方案通常会指出,他们忘记在选择中使用
ng input=“COL\u FIELD”

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


有没有人在ui网格中遇到过这个问题并克服了它?如果是这样,我们将不胜感激

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

顺便说一句,这是



如果没有原因,可能不需要自定义模板,请检查。

这里是对@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…

这将仅将类型传递到模型中

请参阅此处的(略微)分叉。(注意,我在网格之后再次添加了一些调试信息)

不要把这当作一个答案。这只是对你所有答案的一个温和的修正

<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>