팝업 편집과 NG 그리드와 NG 그리드를 사용하여

Question

을 저장 = "gridOptions"내가 데이터를 표시 할 수 있습니다, 내 app.js 파일의 코드는 내가 클릭하여 팝업을 얻을 수있는 방법 지금

$scope.gridOptions = { 
    data: 'myData', 
    enableCellSelection: true, 
    enableCellEdit: true, 
    enableRowSelection: false, 
    columnDefs: [{field: 'name', displayName: 'Name', enableCellEdit: true}, {field:'age', displayName:'Age'}] 
}; 

입니다 셀 데이터에서 팝업에서 셀 데이터를 편집하고 그리드의 변경 사항을 저장해야합니다 .Anyone ...

Answer 1

편집 열 템플릿에서 셀 템플릿을 무시하면됩니다.

var cellTemplate='<div class="ngCellText" data-ng-model="row"><button data-ng-click="updateSelectedRow(row,$event)">Edit</button></div>' 

columnDefs: [{field: 'name', displayName: 'Name', enableCellEdit: true}, 
    {field:'age', displayName:'Age'}, 
    {field:'',cellTemplate:cellTemplate} 
    ] 

는 컨트롤러 범위에 updateSelectedRow 기능을 첨부

아래,이 기능은 전체 행 대상으로 첫 번째 매개 변수를 얻을 같은 columnDefs이 될 것입니다. row.entity을 수행하여 모든 열에 액세스 할 수 있습니다. row.entity 개체를 사용하여 양방향 바인딩을 수행 할 수도 있으며, 변경 될 때마다 그리드 데이터를 업데이트합니다.

체크 아웃이 plunker http://plnkr.co/edit/3ikYNarIvasKj4BT76EX?p=preview