행 추가, 행 삭제시 콘솔 로그 기록 기능
- 행 추가, 행 삭제에 해당하는 function{}안에 변경정보를 res로 정의 후 콘솔로그에 res를 출력한다.
- 행 추가, 행 삭제 버튼 이외에도 행 조작시 해당 버튼에 추가하면 콘솔 로그 기록 기능이 수행된다.
(1)
- 행 추가, 행 삭제 function 안에 추가.
- res 정의 후 출력하는 흐름
var res = gridOptions.api.updateRowData({add: [newItem]});
var res = gridOptions.api.updateRowData({remove: selectedData});
printResult(res);
(2)
function printResult(res) {
console.log('---------------------------------------');
if (res.add) {
res.add.forEach(function(rowNode) {
console.log('Added Row Node', rowNode);
});
}
if (res.remove) {
res.remove.forEach(function(rowNode) {
console.log('Removed Row Node', rowNode);
});
}
}
콘솔 출력 기능 추가된 부분 코드 :
function onAddRow() {
var newItem = createNewRowData();
var res = gridOptions.api.updateRowData({add: [newItem]});
printResult(res);
}
function onRemoveSelected() {
var selectedData = gridOptions.api.getSelectedRows();
var res = gridOptions.api.updateRowData({remove: selectedData});
printResult(res);
}
function printResult(res) {
console.log('---------------------------------------');
if (res.add) {
res.add.forEach(function(rowNode) {
console.log('Added Row Node', rowNode);
});
}
if (res.remove) {
res.remove.forEach(function(rowNode) {
console.log('Removed Row Node', rowNode);
});
}
}
AG-GRID 연관 글
AG-GRID, AG-GRID 테이블 생성, 버튼 추가
: https://justdo-heal.tistory.com/23
AG-GRID, AG-GRID 행 넓이 자동 조절, 행 높이 설정, 행 여러 줄 기능
: https://justdo-heal.tistory.com/24
AG-GRID, 행 높이 자동 조절 추가 관련 조사
: https://justdo-heal.tistory.com/25
AG-GRID 버튼을 이용한 행 추가, 행 삭제 기능
: https://justdo-heal.tistory.com/26
AG-GRID 셀 편집 기능
: https://justdo-heal.tistory.com/27
AG-GRID, 콘솔 로그 기록 기능
: https://justdo-heal.tistory.com/28
AG-GRID, 수직 가운데 정렬
: https://justdo-heal.tistory.com/29
AG-GRID, 선택한 데이터 추출 기능
: https://justdo-heal.tistory.com/30
AG-GRID, 전체 행 색상 변경
: https://justdo-heal.tistory.com/31
AG-GRID, 추가된 행에 색상 적용
: https://justdo-heal.tistory.com/32
AG-GRID - 엑셀 내보내기 기능, CVS 내보내기 기능
: https://justdo-heal.tistory.com/33
AG-GRID, 체크 박스 기능 추가
: https://justdo-heal.tistory.com/34