NOTICE

공지사항

2016. 5. 16

[업그레이드] 알메이트-그리드(HTML5) 3.0 -> 3.1

안녕하세요.  리아모어소프트의 홈피 운영자입니다.

 

이제 봄은 지나가고, 낮에는 반팔이 어울리는 여름의 문턱으로 들어서는 것 같습니다.

 

 
항상 저희 리아모어를 사랑해 주시는 고객여러분께 진심으로 감사를 드립니다.

 


계절의 여왕인 5월에 HTML5 그리드 제품의 마이너 업그레이드 소식을 안내드립니다.

 

비록 마이너 업그레이이긴 하지만, 꽤 굵직한 기능들이 업그레이드 되었습니다.

 

그리고 올해 7월경에는 그리드의 외형이 확바뀐 미디엄 업그레이드가 한번더 있을 예정입니다.

 

항상 저희 알메이드 그리드의 끝없는 변신을 지켜보아 주시길 바라며,  더 좋은 제품으로 고객에게 보답드리겠습니다.

 

 


금번에 업그레이드 된 내역은 아래와 같습니다.
 

 

1. 업그레이드 제품명 :  rMate Grid for HTML5 v3.1  (기존 3.0에서 3.1으로 업그레이드)
 

 

2. 업그레이드 상세내용 :

 

가. 웹접근성 지원 대폭보강

 

    웹접근성을  충족하기 위하여, 시각장애인을 위한 스크린 리더기를 지원합니다.
   
    rMateGridH5.create시에 전달되는 jsVars에 accessibility를 true로 주시면 스크린리더기에서 그리드 내용을 읽을 수

 

    있는 WAI-ARIA지원 속성이 추가됩니다.
   
    보강된 주요기능으로는, 마우스 없이 오로지 키보드만으로 행단위 혹은 셀단위의 이동, 읽기 및 편집까지도

 

    가능합니다.
   
   

    읽기의 경우에는 현재 행 혹은 셀에 대하여 title과 value를 쌍으로 읽어주게 됩니다.
   
    편집시에는 리더기를 통해 editable 여부를 알려주며, F2 키를 통해 edit 모드로 진입하여 value를 선택하거나 입력할

 

    수 있습니다.

 

    => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의   기타 -> 웹접근성 참조

 

 

나. 랜더링 속도 개선 (10%)

 

    그리드의 랜더링(사용자 화면에서 브라우저를 통해 그리드를 그려내고 표현하는 방법)의 전체적인 속도가 개선이

 

    되었습니다.
   
    기존대비 약 10% 정도 개선된 속도를 데모페이지(http://demo.riamore.net/HTML5demo/grid/index.html)에서 직접

 

    체험해 보실 수 있습니다.
   


다. 그리드의 자동 높이 조정

 

    그리드의 높이를 데이터의 양에 따라 자동 조정하는 기능이 추가되었습니다.

 

    이 기능은, 만약 그리드의 행이 10개인데, 실제 데이터의 갯수는 3개밖에 없다면, 나머지 7개의 공간이 빈 상태로

 

    표시되는 것을 방지하기 위하여 실제 3개의 데이터에 해당하는 행까지만 보이게끔 그리드의 전체 높이가 줄어들게

 

    됩니다.   이는 공간의 활용성을 높이고, 시각적으로도 깔끔한 UI를 제공할 수 있게 됩니다.

 

    => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의  그리드 속성/스타일 -> 그리드 높이

                            자동조정

 


라. 한 화면에 표시된 여러개의 그리드를 한개의 엑셀파일에 복수의 시트로 export 할 수 있는 기능

 

    하나의 화면에 여러개의 그리드가 있을경우, 통상 이들은 상호 연관성이 높은 그리드일 가능성이 높습니다.
   

    이때 각 그리드마다 따로 엑셀파일로 저장하기보다는, 한번의 저장버튼으로 모든 그리드를 하나의 엑셀파일에 저장할

 

    수 있습니다.
   
    각각의 그리드는 엑셀파일내의 서로다른 sheet로 들어가게 됩니다.
   
    단 이기능은 xlsx 파일 포맷으로만 저장이 됩니다.
   
    => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의  Excel -> Excel multi export

 

 

마. JQuery UI의 resizable 샘플 추가

 

    저희 알메이트-그리드의 고객 문의중,  이용자가 그리드의 전체 사이즈를 늘리거나 줄일 수 있는지에 대한 문의가

 

    자주옵니다.

   

    이 기능은 가능하며, JQuery UI의 resizable기능을 이용하여 그리드의 크기를 사용자가 조작할 수 있습니다.
   
    이용자는 그리드 우측하단의 리사이즈 아이콘을 Drag하면 됩니다.
   
    이때 특정 컬럼별로, 전체 사이즈 조정시 줄어드는 순위를 정할 수 있어, 컬럼의 중요도에 따라 줄어드는 비율을

 

    조정할 수 있습니다.
   
    => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의  적용예제 -> jQuery resizable

 

 

바.  브라우저의 자동 완성 기능을 이용한 Text Editor 편집기능

 

    엑셀에서 셀 편집시에, 이전에 입력했던 텍스트에 대하여, 다시 입력시에 첫글자만 입력하면, 자동완성 기능이

 

    동작하는  편리함을 경험해 보셨을 겁니다.
   
    이번 3.1 버전에서는 이 기능이 포함되었습니다.
   
    셀 편집시에 브라우저의 자동완성 기능을 사용하여 이전에 입력했던 내용을 참조할 수 있습니다.
   
    특성 셀에서 에디팅한 후 같은 컬럼의 다른 셀을 편집할 때 아래(↓) 방향키를 누르시면 이전에 입력한 내용이 편집창

 

    아래 표시됩니다.
   
    다만, IE의 경우 브라우저의 자동완성 기능을 켜줘야 사용가능합니다.
    (메뉴에서 도구->인터넷 옵션->내용 탭 화면에서 자동완성의 "설정" 버튼을 눌러 "양식"이 체크되어 있어야 합니다. 

     이 옵션은 Default로 체크가 되어져 있습니다.)

 

    => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의 Editing->자동완성 TextInput 컴포넌트

                             사용


   
사. CheckBoxEditor 사용시 true/false외에 trueValue/falseValue를 지정할 수 있는 기능

 

    체크박스 속성을 표현키 위하여, 해당 필드의 데이터에는 true / false 값을 넣어야 합니다.
   
    그러나 이번 3.1 개편을 통해 Layout의 DataGridColumn에 trueValue, falseVaue 의 지정을 통해 다른 값으로 대체할

 

    수 있습니다.
   
    예를들면 true 대신에 Yes를 데이터값으로 사용하고자 할 경우에 trueValue에 'Yes'를 넣음으로서 이러한 대치가 가능

 

    합니다.
      
    => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의  Editing-> CheckBox 기본값 참조


   
아. 기타

 

    A.  날짜 에디팅시 YY/MM/DD 날짜 형식 처리 기능
   
        => 년월일를 표현할때 YY/MM/DD, YYYY/MM/DD, DD/MM/YYYY 등의 다양한 표현방식을 지원합니다.
       
            그러나, 기존에는 이러한 표현을 위한 로우 데이터의 전달포맷은 YYYY/MM/DD의 형식만 지원하였습니다.
           
            이번 3.1 개편을 통해 년월일을 표현하는 로우 데이터의 형식을 지정할 수 있게 하여, YY/MM/DD, DD/MM/YY

   

            등의 다양한 포맷으로 전달된 데이터도 처리 가능토록 하였습니다.
       
       
    B. csv 형식으로 데이터를 export하는 기능
   
        그리드의 데이터를 CSV 데이터 형식으로 export 할 수 있습니다.
       
        => 데모페이지 : http://demo.riamore.net/HTML5demo/grid/index.html 의  Excel-> Excel export CSV

  


    C. 데이터 수정시 수정된 데이터와 기존 데이터를 모두 서버로 전달할 수 있는 기능
   
        => 그리드내에서 편집(Editing)을 통해 데이터가 수정/입력/삭제가 되면, 서버에 전달되는 내용은 수정/입력/삭제된

 

             데이터만 전달이 됩니다.
       
             이번 개편에서는, 수정되어지지 않은 데이터를 포함한 전체 데이터를 서버로 전달할 수 있는 옵션이 제공됩니

 

             다.

 

 

 

이상과 같이 3.1 버전에서 업그레이드 된 내역을 안내드렸습니다.

 
이에 대한 데모는 www.riamore.net -> Component -> Data Grid  HTML5 데스크탑  데모보기  혹은

 

http://demo.riamore.net/HTML5demo/grid/index.html  에서 직접 확인할 수 있습니다.

 

 

또한 누구나가 평가판을 다운로드 받으셔서 사용해 보실 수도 있습니다.

 

Enterprise 라이선스를 구매하신 고객께서는 무상으로 업그레이드를 받으실 수 있습니다.


02-2655-9767 혹은 riamore@riamore.net으로 문의주시기 바랍니다.

 

 

비록 마이너 업그레이드이긴 하지만, 그동안 고객님들의 다양한 의견을 수렴하여, 정성들여 만든 제품입니다.

 

고객님의 업무에 도움이 되시길 간절히 빕니다.

 

 

다시한번 항상 저희 알메이트 제품을 사랑해주시는 고객님께 감사드리며,


앞으로 더욱더 좋은 제품으로서 보답드릴 수 있도록 노력하겠습니다.
   

감사합니다.

 
= 리아모어소프트 홈피 운영자 올림 =