NOTICE
공지사항
[업그레이드] 알메이트-그리드(HTML5) 2.0 -> 3.0
안녕하세요. 리아모어소프트의 홈피 운영자입니다.
유난히도 가물었던 여름이었는데,
겨울의 문턱인 11월에서야 고마운 비가 내려주어, 감사할 따름이네요.
항상 저희 리아모어를 사랑해 주시는 고객여러분께 진심으로 감사를 드리며,
이제 2015년도 얼마남지않은 11월의 하순에, 업그레이드 소식을 전하고자 합니다.
꽤 많은 기간동안, 제품의 기능개선에 혼신의 노력을 기울여 온 그리드 개발팀에서
알메이트 HTML5 데이터그리드 3.0 버전을 출시하게 되었습니다.
고객여러분들에게 조금이나마 도움이 되시길 기원드리며, 업그레이드 된 내역에 대하여
아래와 같이 설명드립니다.
1. 업그레이드 제품명 : rMate Grid for HTML5 v3.0 (기존 2.0에서 3.0으로 Major 업그레이드)
2. 업그레이드 개요 :
이번 업그레이드에서는 그동안 2.0 버전에서 부족했던 부분들을,고객님들의 의견을 모아,
다방면으로 보강을 하였습니다. 특히 엑셀과 관련한 기능이 대폭 보강이 되었습니다.
3. 업그레이드 상세내용 :
가-1. 엑셀기능의 보강 : 엑셀 Import시에 csv, xls, xlsx 포맷의 지원
엑셀데이터를 import할 시에 기존에는 csv 포맷만 지원하였으나, 이번 3.0 버전에서는 xls, xlsx 포맷의 데이터도
import 할 수 있습니다. (이 기능은 오픈소스인 SheetJS 기능을 이용하여 구현되었습니다.)
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Excel -> Excel Import
가-2. 엑셀기능의 보강 : 엑셀 export 시에 xls와 xlsx 포맷 둘 다를 지원합니다.
엑셀 데이터를 export 할경우, 기존에는 xls 하나의 포맷으로만 저장하였으나,
이번 3.0 버전에서는 xlsx 포맷으로도 저장이 가능합니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Excel -> Excel export
가-3. 엑셀기능의 보강 : 엑셀의 import시에 셀의 값 변환함수 연동 및 선택옵션 표시기능, 기본값 조정기능
엑셀의 데이터를 import 할때
1. import 되어지는 데이터에 대하여 특정 변환함수를 적용하여,
데이터를 변형시킬 수 있습니다. 예를들어, 이 기능을 이용하면, 엑셀데이터에 '_' 문자가 있다면 이를 '-'로
변환하여 import할 수가 있습니다.
2. 엑셀데이터를 import시에 몇가지 옵션사항들이 있습니다.
예를들어 Layout (컬럼의 헤더정의등) 이나, 헤더의 수나, 문자코드 등의 옵션에 따라,
데이터를 import 할 수 있게 됩니다. 이러한 옵션사항들을 이용자에게 모두 문의해서 결정할 수도 있지만,
이용자들은 잘 알지 못하는 사항들이기에 기본값으로 세팅하고, 꼭 필요한 것(가령 헤더의 수)만 물어보게 하여,
import 를 좀 더 편리하게 할 수 있게 하며, 특수한 경우에 모든 옵션들을 이용자에게 문의할 수 있도록하여,
가변성을 높였습니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Excel -> Excel CSV import option
(CSV예제이나, xls, xlsx에도 동일하게 적용됨.)
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Excel -> Excel CSV import parseFunction
(CSV예제이나, xls, xlsx에도 동일하게 적용됨.)
가-4. 엑셀기능의 보강 : export시에 컬럼의 기본서식 저장기능
엑셀로 저장시에 데이터에 포함된 서식 (예: 첫단위 콤마, 숫자 혹은 문자 등의 서식)도 같이 저장하게 되어,
엑셀에서 좀 더 편리하게 편집을 하실 수 있도록 하였습니다.
예제 : 이에대한 예제는 별도로 두지 않았습니다. exportColumnFormat API를 통해서 처리가 가능합니다.
나. Paste 기능의 보강 : Paste시에 셀의 값 변환함수 연동 및 Paste시에 추가 행 넣기 기능
Copy한 데이터를 Paste 시에 셀의 값을 변환하는 함수가 제공됩니다. 가령 copy한 데이터에 100이상의
데이터가 있다면, 이를 100으로 조정하는 기능등이 가능해 집니다.
또한 Copy한 데이터의 행수에 비하여, Paste 할 남은 공간의 행수가 적을경우 paste시에 자동으로 추가행을
넣을 수 있습니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 선택제어 -> 선택내역 Paste
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 선택제어 -> 선택내역 Paste ParseFunction
다. 행의 추가/수정/삭제 여부 표시 컬럼의 제공
그리드에서 편집을 할 경우, 새롭게 추가된 행이나, 수정된 행, 삭제된 행을 바로 서버에 반영하지 않고,
추후에 일괄적으로 반영할 경우들이 있습니다.
이때 추가된 행이나, 수정된 행, 삭제된 행이 어떤것인지를 표시해두면 작업하기에 훨씬 편리합니다.
이와같이 변경사항이 발생된 행을 표시하는 컬럼이 제공됩니다. 이를통해 편집시에 좀 더 편리하게
추가/수정/삭제등을 하실 수 있습니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Editing -> 추가,수정,삭제 표시컬럼
라. 수정가능 셀의 표시기능
그리드에서 편집기능을 사용할 경우, 어떤 셀은 편집을 하게하고, 어떤 셀은 편집을 못하게 할 수 있습니다.
이때 편집이 가능한 셀과 편집이 불가능한 셀을 구별하여 표시할 수 있는 기능이 제공된다면,
좀 더 편리할 수 있습니다.
이러한 편의를 위하여, 편집이 가능한 셀에 대하여, 수정가능 icon을 표시하여 나타낼 수 있습니다.
또한, 마우스가 오버될 경우에만, 수정가능 표시 아이콘을 나타나게 할 수도 있습니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Editing -> 수정가능 아이콘 표시
마. Drag & Drop을 이용한 그룹핑기능
컬럼의 헤더 상단에, 그룹핑 판넬을 두고, 컬럼의 헤더를 그룹핑 판넬로 Drag & Drop하여 그룹핑하는 기능이
제공됩니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 계층형자료 -> 그룹핑 판넬
바. 컬럼별 필터링 기능 및 아이콘 표시기능
컬럼별로 필터링 기능을 사용코자 할 경우, 엑셀에서와 같이 컬럼의 헤더에 필터용 아이콘을 통해 필터링 값을
입력한후 이를 실행할 수 있습니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 필터링 및 검색 -> 컬럼필터링
사. 말단 헤더병합 기능
헤더의 병합시에 통상 단계적인 병합이 이루어집니다.
즉 [2015년], [1/4분기, 2/4분기, 3/4분기, 4/4/분기] 의 경우, 2015년 헤더가 병합되어 보이고,
이 아래에 각각의 1/4, 2/4, 3/4, 4/4분기의 컬럼 헤더가 표시되게 됩니다.
이경우 1/4, 2/4, 3/4, 4/4 를 말단헤더라고 칭할 수 있습니다. 이때 1/4와 2/4를 헤더를 다시 병합하여
[상반기]로 표시하고자 할 경우 기존에는 이러한 병합은 지원이 되지 않았으나, 이번 3.0 버전에는 이것이
지원이 됩니다. 아마 아래의 예제를 보시면 바로 이해가 되실 것입니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 그리드 속성/스타일 -> 컬럼 속성 조정에서
Seoul/Busan 컬럼의 병합을 보시면 됩니다.
아. 여러줄 문자열 에디터 지원
TextArea 에디터를 이용하여 여러줄의 문자열(carriage return사용)을 셀에 표시하고 에디팅 할 수 있습니다.
예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> Editing -> TextArea 컴포넌트로 편집
자. 기타
기타로 요긴한 기능들이 다수 포함이 되었습니다.
1. 컬럼헤더에서 컬럼사이의 라인을 더블클릭시에 컬럼폭이 문자열의 최대크기만큼 자동으로 조정되는 기능이
제공됩니다.
2. 컬럼 헤더에 CheckBox 를 넣을 수 있습니다. 이를 통해 전체선택이나, 전체해제등을 실행할 수 있습니다.
(예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 선택제어 -> CheckBox로 선택 참조)
3. 컬럼에 있는 CheckBox등을 통해 선택된 행을 삭제할 수 있는 function이 제공됩니다.
(예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 선택제어 -> 선택형삭제 참조)
4. 컬럼에 있는 CheckBox를 선택시에 선택가능여부를 함수를 통해 제어할 수 있습니다.
(예제 : http://demo.riamore.net/HTML5demo/grid/index.html -> 선택제어 -> CheckBox enabled 제어 참조)
이상은 업그레이드 된 내역입니다.
이에 대한 데모는 www.riamore.net -> Component -> Data Grid HTML5 데스크탑 데모보기에서 직접 확인할 수
있습니다.
또한 평가판을 다운로드 받으셔서 사용해 보실 수도 있습니다.
Enterprise 라이선스를 구매하셨던 기존고객께서는 무상으로 업그레이드를 받으실 수 있습니다.
02-2655-9767 혹은 riamore@riamore.net으로 연락을 바랍니다.
항상 저희 알메이트 제품을 사랑해주시는 고객님들께 진심으로 감사드리며,
더욱더 좋은 제품으로서 보답드릴 수 있도록 노력하겠습니다.
겨울이 성큼 다가오면서, 또한 한해를 마무리해야할 시기가 다가왔네요.
2015년의 마무리를 잘 하시길 바라며, 항상 행복하시고, 건승하세요.
감사합니다.
= 리아모어소프트 홈피 운영자 올림 =