每行可使用ui-grid AngularJS进行编辑

时间:2017-11-28 16:00:09

标签: javascript angularjs angular-ui-grid ng-grid ui-grid

我需要使行可编辑而不是每个字段/列。我也在关注tutorial for row edit feature

的教程

请找到我正在尝试使行可编辑而不是每列的plnkr链接。我在每一行都有按钮,但它没有任何功能。

plnkr link

  $scope.gridOptions.columnDefs = [
    { name: 'id'},
    { name: 'age'  },
    {name: " Edit" , cellTemplate:'<button class=\"btn btn-xs btn-primary\" ng-click=\"grid.appScope.openModal(grid, row)\"> <i class="fa fa-edit" ></i></button>' }];

1 个答案:

答案 0 :(得分:0)

您可以在每个字段上使用'cellEditableCondition'选项,然后输入一个变量来更改字段的状态。

@fontPath: 'https://cdn.jsdelivr.net/npm/semantic-ui@2.2.13/dist/themes/default/assets/fonts';

然后您只能用一个更改所有行。 希望能帮助到你。