Question

我刚开始将ag-grid库与angularJS一起使用，以在应用程序中显示一些表格数据。现在的事情是，我希望用户能够更改每列的标题值，就像他/她在启用editable属性时可以编辑列中的单元格一样。在寻找解决方案时，我意识到没有默认的方法可以将标题转换为可编辑的元素。所以我想知道哪些是我的选择。

我的一个想法是在每个标题中添加一个编辑按钮，并在单击模式窗口时弹出标题的相应输入字段及其列的单元格值。在这种情况下，将不使用editable属性，因为将在模态内进行单元格的编辑。类似于that，但对于该行，该按钮应位于每个标题中。

那么，实现这些目标的方法有哪些？我读到有关header template的信息，但实际上找不到任何直接的方法来解决它。

欢迎任何想法/提示或其他替代方法。

Answer 1

提供一个服务，该服务的数组作为网格的DataSet，并在同一服务中为CRUD事件提供处理程序。将服务注入到模态控制器和网格视图中。之后，调用对象gridDataSetadd，删除，更新服务中的用户，然后在修改了DataSet之后，$ digest完成其余工作。

更新，回答评论

将服务注入控制器：

.ts

static $inject = ['$scope','YourService'];
constructor($scope, userService: YourService) {
    this.userService.getSomething();
}

对于.js

.controller('YourCtrl', ['$scope', 'YourService', function ($scope, YourService) {
    $scope.someVar = YourService.someVar;
}])

用户可编辑的ag-grid + angularJS标头和单元格

1 个答案: