Question

我正在尝试在ui grid中创建某些行是下拉菜单。实现这一目标;我将editableCellTemplate设置为此;

<div ng-if="!row.entity.dropdown">
  <form
    name="inputForm">
    <input
      type="text"
      ng-class="'colt' + col.uid"
      ui-grid-editor
      ng-model="MODEL_COL_FIELD" />
  </form>
</div>
<div ng-if="row.entity.dropdown">
  <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>

然后我将'true'附加到每一行。我想要成为一个下拉列表。但是，使用此代码时，当我使用鼠标在网格中选择不同的单元格时，endCellEdit似乎不会触发。如果我用ng-show替换ng-if，选择一个不同的单元格会触发endCellEdit，但是非下拉单元格实际上是不可编辑的，因为单元格在选择单元格后几乎立即停止编辑，从而删除了可编辑模板。我不关心我必须使用哪种方法，但我需要两种类型的单元格都可以编辑，并且需要切换到不同的单元格来触发endCellEdit。我怎么能这样做？

如何制作条件editableCellTemplate？

0 个答案: