angular-ui-grid - 我们可以将单个单元格用作 Datepicker 或下拉列表吗？

Question

我正在使用 AngularJS UI-Grid。有一个 6 列和 4 行的恒定网格。在这个网格中，我有一个特定的要求，其中只有一个单元格是日期选择器，一个单元格是下拉列表，很少有单元格是数字。我知道对于整个专栏，这可以应用。有没有办法将它单独应用于特定的单元格？

任何样品都会有很大帮助。

提前致谢。

Answer 1

一种选择是使用一个模板来决定与某些行实体属性相关的单元格类型。

我创建了一个展示这种场景的 Plunkr 。

该设置由一个 cellTemplate 组成：

cellTemplate: "<button ng-if=\"!row.entity.datepicker\" ng-click=\"grid.appScope.delete(row)\">DELETE ROW</button><input type=\"date\" ng-if=\"row.entity.datepicker\">"

对于这个例子，我datepicker:true/false在我的行数据中创建了一个属性。

for(var i = 0; i < 3; i++) {
  editor.mySeasons.push({myDate: new Date(new Date().getTime() + Math.random().toFixed(12) * 100000000000), datepicker: false});
}
editor.mySeasons.push({myDate: new Date(new Date().getTime() + Math.random().toFixed(12) * 100000000000), datepicker: true});

希望有帮助。