그리드 편집하기

RealGrid2의 강력한 편집기능은 사용자가 그리드에서 직접 데이터를 편집할 수 있다는 장점을 가지고 있습니다. 변경된 데이터는 DataProvider에 즉시 저장되고 변경되는 시점의 이벤트(콜백) 함수를 이용해 변경된 데이터를 서버로 전송할 수도 있습니다.

편집 기능을 설정하는 옵션은 EditOptions이고 이 옵션을 설정하는 함수는 GridView의 setEditOptions()입니다.

데이터 수정

RelaGrid2는 기본적으로 셀의 데이터를 직접 편집할 수 있는 옵션이 설정되어 있으므로 셀위에서 키보드를 이용해 다른 값을 입력하거나 마우스로 셀을 더블클릭할 경우 편집이 가능합니다. 단, 이때 컬럼의 readonly 속성은 false로 되어 있어야 합니다.

데이터 수정에 대한 자세한 실습은 셀 데이터 수정가이드를 참고하세요.

데이터 행 추가 또는 삽입

데이터의 마지막에 새로운 행을 추가하거나 기존의 행과 행 사이에 새로운 행을 삽입하기 위해서는 아래와 같이 EditOptions의 속성을 수정해야 합니다.

• 마지막에 새로운 행 추가: EditOptions.appendable
• 기존의 행과 행 사이에 새로운 행 삽입: EditOptions.insertable

gridView.editOptions.insertable = true;
gridView.editOptions.appendable = true;

데이터 추가 및 수정에 대한 자세한 데모는 데이터 추가 또는 삽입가이드를 참고하세요.

데이터 행 삭제

그리드에서 데이터를 삭제하는 방법은 DataProvider에서 물리적으로 삭제하거나 GridView에서 삭제된 데이터를 감추는 방법으로 구분 할 수 있습니다.

EditOptions.editable 옵션을 true 로 설정하면 그리드에서 삭제처리가 가능합니다.

그리드에서 행을 삭제하는 방법은

• Ctrl+Del(windows), ctrl + fn + backspace(mac) 키를 눌러 삭제
• GridView의 deleteSelection() 함수 사용
• DataProvider의 removeRow() 또는 removeRows() 함수 사용

이 있습니다.

삭제에 대한 데모는 데이터 삭제 가이드를 참고하세요.