使用单元格模板管理ui-grid中的添加和删除按钮

Question

在网格中，添加按钮应仅包含在最后一条记录中

这是单元格模板中使用的代码

slide.shapes

在这里插入http://plnkr.co/edit/vP8K039cwMsVymCdRelT?p=preview

在插件中，所有行都有两个按钮，如何从除最后一行之外的所有行中删除添加按钮？

如何使用网格行长度来管理它？

Answer 1

如果你掌握<input type="text" id="EchoInput" onblur="getInput(this.id)" value="test">如下：

gridApi

然后修改单元格模板中的“添加”按钮，使其具有以下内容：

$scope.gridOptions.onRegisterApi = function(gridApi){
    //set gridApi on scope
    $scope.gridApi = gridApi;
}

并在范围上定义ng-show="grid.appScope.isLast(row)" 函数：

isLast

此函数将当前行的$scope.isLast = function(row) { return row.uid === $scope.gridApi.grid.renderContainers.body.visibleRowCache[$scope.gridApi.grid.renderContainers.body.visibleRowCache.length-1].uid; } 与最后一个渲染行的uid进行比较，如果是最后一行，则返回true，否则返回false。 uid根据此函数返回的值呈现“添加”按钮。

这将仅显示最后一行的“添加”按钮。这也可以在添加/删除行时使用（添加按钮将保留在最后一行）：

请参阅this Plunkr以获取示例。