EditableCellTemplate ui-网格
EditableCellTemplate ui-grid
我想在 ui-grid 的其中一列中输入类型为 number 的 ng-input。理想情况下它看起来像这样:
我通过使用常规 cellTemplate
来完成此操作,但据我了解,正确的方法是使用 editableCellTemplate
.使用 editableCellTemplate
我得到了正确的行为,但我的单元格看起来只能在双击时编辑,结果如下所示:
点击的单元格看起来是可编辑的,其余的不是,这不是真正的用户友好。
我怎样才能让列中的所有单元格看起来都像 editableCellTemplate
中定义的那样,即使它们没有被点击。
您应该指定 cellTemplate
(除 editableCellTemplate
之外),以指定未聚焦时值的显示方式。例如...
{ name: 'MyColumn', displayName: 'My column', width: '12%', cellTemplate: 'yourDisplayCellTemplate', editableCellTemplate: 'yourEditableCellTemplate' },
我想在 ui-grid 的其中一列中输入类型为 number 的 ng-input。理想情况下它看起来像这样:
我通过使用常规 cellTemplate
来完成此操作,但据我了解,正确的方法是使用 editableCellTemplate
.使用 editableCellTemplate
我得到了正确的行为,但我的单元格看起来只能在双击时编辑,结果如下所示:
点击的单元格看起来是可编辑的,其余的不是,这不是真正的用户友好。
我怎样才能让列中的所有单元格看起来都像 editableCellTemplate
中定义的那样,即使它们没有被点击。
您应该指定 cellTemplate
(除 editableCellTemplate
之外),以指定未聚焦时值的显示方式。例如...
{ name: 'MyColumn', displayName: 'My column', width: '12%', cellTemplate: 'yourDisplayCellTemplate', editableCellTemplate: 'yourEditableCellTemplate' },