Question

我有一个可编辑的ng-grid。如何向空单元格添加占位符（在编辑单元格时它们应该消失）？

我知道输入标签是可行的：

<input type="text" placeholder='Type something here'>

Answer 1

使用editableCellTemplate。例如：

$scope.gridOptions = {
  data: 'myData',
  enableCellSelection: true,
  enableRowSelection: false,
  enableCellEdit: true,
  columnDefs: [{
    field: 'name',
    displayName: 'Name',
    enableCellEdit: false
  }, {
    field: 'age',
    enableCellEdit: true,
    editableCellTemplate: '<input placeholder="Type something here" ng-input="COL_FIELD" ng-model="COL_FIELD" />'
  }]
};

这是一个有效的演示：http://plnkr.co/edit/x4Xhd0?p=preview

如果您希望在未编辑单元格时显示占位符文本，则可以创建显示占位符文本而不是空值的自定义（不可编辑）cellTemplate：

  cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><span ng-cell-text>{{COL_FIELD || "Type something here"}}</span></div>',
  editableCellTemplate: '<input ng-input="COL_FIELD" ng-model="COL_FIELD" placeholder="Type something here"/>'

将占位符添加到ng-grid

1 个答案: