使用HTML按钮更改ng-grid单元格值?

时间:2015-12-22 06:00:39

标签: javascript html angularjs

我希望我的代码根据单击了哪一行的更新按钮来更新ng-grid的单元格。我希望在按下HTML代码中定义的更新按钮而不是ng-grid中的更新按钮后更新值。我应该如何在我的代码中调用和定义update1();函数?

这是羽毛球:http://plnkr.co/edit/Cdnc1HQKAbCvZ0bW2Uei?p=preview

我的JS update1功能:

$scope.update1 = function(){
    $scope.Name = $scope.student.name;
    row.entity.Age = $scope.student.class;
};

我的HTML按钮代码:

<button ng-click="update1()">Update</button>

1 个答案:

答案 0 :(得分:1)

存储您传递给row功能的update值。单击网格的update功能时,请确保保存行值。

$scope.update = function(row) {
    var name = row.entity.Name;
    var age = row.entity.Age;

    **$scope.student.row = row;**
    $scope.student.name = name;
    $scope.student.class = age;
  };

现在,在您的HTML update1功能中,您只需将输入的值分配给相应的行数据。

$scope.update1 = function() {
    // alert($scope.student.row);
    if($scope.student.row !== undefined) {
      $scope.student.row.entity.Name =  $scope.student.name;
      $scope.student.row.entity.Age =  $scope.student.class;

      $scope.student.name = " ";
      $scope.student.class = " ";
      $scope.student.row = undefined;  
    }
  };

P.S:我想在plunker上显示结果。但目前似乎有所下降。