appendGrid  Dynamic Table Input / 편집용 Table / MetaUI 연동

Reference

• https://appendgrid.apphb.com/Dynamic Table Input
• https://github.com/hkalbertl/jquery.appendGrid

Guide

• jQuery UI 필요 (ui-datapicker, ui-spinner, ui-autocomplete 등 사용하는 경우)
• Drag&Drop 으로 행 위치를 변경할 수 있는 것도 장점중 하나. (행의 마지막 아이콘이 Drag Handle)
• MetaUI 요소도 사용할 수 있도록 Customizing 진행함 (metaui-numeric, metaui-stepper, metaui-datepicker, metaui-timepicker, metaui-codefinder 등)
• 행 선택 Checkbox (_ROW_SELECTED_) 와 행 상태(_ROW_STATUS_) 표시는 appendGrid 에는 없는 것으로, Customizing 한 것임.
  (Setting Option 에 addRowSelected 와 addRowStatus 추가)
• 행 상태(_ROW_STATUS_) 값 - 'R' : 최초 load 상태, 'U' - 수정 상태, 'C' - 신규추가후 편집상태, '' - 신규추가 빈상태
• Validation 처리시 컬럼 제목이 표시되도록 보완함.
• 변경된 데이터 (신규, 수정, 삭제) 처리에 대한 서버 전송부분은 생략. (기존 방식에 준함)
• 데이터 조회 및 페이징 처리도 생략. (기존방식에 준함)