중요 업데이트 알림사용해보기제품구매도움영상문의
RealGrid2v2.2.0

  • 시작하기
      • 인디케이터
      • 상태바
      • 체크바
      • 컨텍스트 메뉴
      • 토스트 메시지 창
      • 커서
      • 열 고정하기
      • 행 고정하기
      • 선택
      • 같은 값의 셀 생략하기
      • 셀 버튼
      • 팝업 메뉴 버튼
      • 셀 병합
      • Lookup 컬럼
      • 툴팁
      • Lookup 트리
      • 컬럼 만들기
      • 컬럼 속성 변경하기
      • 컬럼 너비 자동 조정
      • 데이터 정렬
      • 컬럼 이동
      • 데이터 필터링
      • 자동 필터링
      • 컬럼 레이아웃(컬럼 그룹핑)
      • 컬럼 너비 조절
      • 헤더 높이
      • 헤더 체크박스 사용
      • 컬럼 푸터
      • HEADER와 FOOTER에 여러줄로 표시하기
      • 상단 요약 표시
      • 행 높이
      • 행 그룹핑
      • 그룹핑 API
      • 행 병합 그룹핑
      • 아이템 모델
      • JSON 데이터 가져오기
      • XML 데이터 가져오기
      • 그리드 Lazy Loading 구현
      • 마스터 디테일 예
      • provider 공유하기
      • 데이터 타입
      • 불린 타입 필드
      • 날짜 타입 필드
      • Subtypes
      • 그리드의 값 가져오기
      • 그리드에 값 넣기
      • 새로운 행 추가
      • 롤백
      • 검색
      • 그리드에서 페이징 처리 1
      • 그리드에서 페이징 처리 2
      • 행 Drag & Drop
      • Grid To Grid
      • 텍스트 렌더러
      • 체크 렌더러
      • 바 렌더러
      • 이미지 렌더러
      • 아이콘 렌더러
      • 도형 렌더러
      • 시그널 렌더러
      • 링크 렌더러
      • HTML 렌더러
      • 바코드 렌더러
      • 커스텀 렌더러 - 이미지버튼
      • 구글차트 연동
      • 하이차트 연동
      • 시리즈 컬럼
      • 스파크 컬럼
      • 데이터 추가 또는 삽입
      • 데이터 수정
      • 데이터 삭제
      • 행 상태
      • 기본 편집기
      • Bootstrap Date Picker
      • Undo / Redo
      • 복사하기/붙여넣기
      • RealGrid2 스타일
      • 사용자 스타일 - 개요
      • 바디 영역 스타일
      • 헤더, 풋터, 상태바 스타일
      • 셀, 데이터 영역 스타일
      • 편집 영역 스타일
      • styleName 속성 및 콜백
      • 컬럼 동적 스타일
      • 행 동적 스타일
      • 셀 동적 스타일
      • RealGrid2 테마
      • 엑셀 내보내기
      • 행 그룹된 그리드 내보내기
      • 여러 레이아웃으로 구성된 그리드 내보내기
      • 다중 그리드 Excel 내보내기
      • Excel문서에 제목 추가하기
      • Mobile FormView
      • 대량 데이터 불러오기
      • 트리뷰
      • 트리 구현 - Array데이터
      • 트리 구현 - Object데이터
      • 트리 노드 조작하기
      • 트리 아이콘 1
      • 트리 아이콘 2
      • 트리 이벤트
      • 사용자 지정 컬럼 유효성 검사
      • 사용자 지정 행 유효성 검사
      • 전체 유효성 검사
      • 이벤트 발생 순서
      • 클릭 이벤트
      • 하이차트 연동 컬럼 선택
      • 하이차트 연동 컬럼 필터링
      • 하이차트 연동 행 선택
      • amchart 연동 체크 선택
      • amchart 연동 행 선택
      • 필드와 컬럼 일괄 생성
      • SPAN(컬럼그룹)
      • 행 상태에 따른 특정 컬럼 편집 제어
      • CheckBar에서 자식 노드 연동하여 체크하기
      • Excel Import
      • Group Footer 표시여부 조작하기

데이터 삭제

그리드 editOptions.deletable이 true이면 사용자는 Ctrl+Del 키를 눌러 현재 선택된 행을 삭제할 수 있습니다. 실제 삭제하기 전에 사용자 확인을 받을 필요가 있다면 editOptions.deleteRowsConfirm 속성을 true로 지정하면 됩니다. 확인 메시지를 editOptions.deleteRowsMessage로 지정할 수도 있습니다.

삭제 가능 설정

그리드에서 삭제를 가능하게 하려면 gridBase.setEditOptions()을 사용하여 deletable 속성을 true로 지정하면 됩니다.

gridView.setEditOptions({
  deletable: true
});

softDeleting

dataProvider.options()의 softDeleting이 true이면 데이터행을 실제로 삭제하지 않고 행의 상태를 RowState.DELETED 나 RowState.CREATE_AND_DELETED 로 변경합니다.

dataProvider.setOptions({
  softDeleting: $("#chkSoftDeleting").is(":checked")
});

deleteCreated

dataProvider.options()의 deleteCreated이 true이면 softDeleting이더라도 행의 상태가 RowState.CREATE인 행을 삭제합니다.

dataProvider.setOptions({
  deleteCreated: $("#chkDeleteCreated").is(":checked")
});

hideDeletedRows

gridBase.options.hideDeletedRows이 true이면 행의 상태가 RowState.DELETED 나 RowState.CREATE_AND_DELETED인 행을 그리드에서 제외 시킵니다.

gridView.setOptions({
  hideDeletedRows: $("#chkHideDeletedRows").is(":checked")
});

행 삭제

리얼그리드에서 행을 삭제하는 방법은 몇가지가 있습니다. 각 기능을 확인해보시기 바랍니다.

1. 사용자가 Ctrl+Del키 입력으로 삭제
2. GridBase.deleteSelection()

gridView.deleteSelection(true); // true이면 editOptions.deleteRowsConfirm이 true여도 메세지 확인없이 즉시 삭제한다.

3. dataProvider.removeRow(), dataProvider.removeRows()

var curr = gridView.getCurrent();
dataProvider.removeRow(curr.dataRow);