2017-11-28 15 views
0

각 필드/열 대신 행을 편집 할 수 있어야합니다. 또한 tutorial for row edit feature에 대한 자습서를 따르고 있습니다.각 행은 ui-grid를 사용하여 편집 가능합니다. AngularJS

각 열 대신에 행을 편집 할 수있는 곳에서도 plnkr 링크를 찾으십시오. 각 행에 버튼이 있지만 작동하지 않습니다.

$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>' }]; 
+0

전체 행을 편집해야합니다. 나는 ag-grid에 대한 튜토리얼을 읽음으로써 구현하려했지만 실패했다. – Sahil

답변

0

그런 다음 각 필드의 'cellEditableCondition'옵션을 사용할 수 있습니다

plnkr link

는 필드의 상태를 변경하는 하나 개의 변수를 넣어.

$scope.gridOptions.columnDefs = [ 
{ name: 'id'}, 
{ name: 'age', edicellEditableCondition : variable (true or false) }...] 

그리고 모든 행을 하나만 변경할 수 있습니다. 도움이 되길 바랍니다.