1.1.49 (2024년 11월)

오류 수정

1. dynamicStyles를 사용해서 셀별로 editable을 변경하는 경우 editButton이 정상적으로 표시되지 않는 현상 개선
2. 붙여넣기시 onEditRowPasted이벤트 내에서 gridView.setValue를 사용하는 경우 발생하는 오류 수정
3. DropDownCellEditor에 동일한 Label값이 있는 경우 선택한 값이 아닌 곳에 위치하는 현상 개선
4. TreeView에서 행을 추가하고 expandAll을 호출하는 경우 focus된 위치에 따라서 스크롤이 되는 현상 개선

1.1.48 (2024년 07월)

기능 개선

1. tablet에 mouse를 연결했을때 focus및 스크롤 안되는 현상 개선
2. iOS에서 내부 스크롤이 끝난후 외부 스크롤이 동작하지 않는 현상 개선
3. DateCellEditor
   • date editor에서 시간을 직접 입력할수 있도록 변경
4. 그리드에서 여러줄을 복사후 엑셀에 붙여넣기 할때 엑셀 버전에 따라 빈행이 추가적으로 선택되는 현상 개선

1.1.47 (2024년 06월)

기능 개선

1. 잘라내기 기능 추가
   • ctrl + x를 입력시 선택된 셀 또는 block을 잘라내기 할수 있는 기능 추가.
   • onCut 사용자가 잘라내기를 할때 발생하는 이벤트 추가

오류 수정

1. DisplayOptions
   • border를 일부만 그리는 경우 표시되는 않는 현상 개선
2. PasteOptions
   • 편집불가 컬럼에서 여러행의 data를 붙여넣기를 할때 정상적으로 붙여넣기가 되지 않는 현상 개선

1.1.46 (2024년 02월)

기능 개선

1. setSelection 시 selection관련 이벤트가 발생하지 않도록 하는 parameter추가

오류 수정

1. pasteOptions.applyMaxLength를 true로 설정해도 maxLength이상 붙여넣기 되는 현상 수정

2. TreeGrid에 filter가 설정되어있는 상태에서 Data를 Load했을때 정상적으로 filtering되지 않는 현상 개선.

1.1.45 (2023년 11월)

오류 수정

1. 컬럼 동적 스타일에서 편집불가로 적용된 셀에 포커스가 있는 상태에서 스크롤되어 화면에서 사라졌을때 편집이 가능해지는 현상 수정

2. fitColumnWidth 또는 더블클릭으로 컬럼의 너비를 조정할때 이미지와 text가 겹치는 현상 수정

3. DropdownCellEditor

   • 가변폭글꼴을 사용했을때 일부 조건에서 세로 스크롤이 생기는 현상 개선.

1.1.44 (2023년 08월)

기능 개선

1. DisplayOptions
   • 가로스크롤바 또는 세로스크롤바를 항상 표시하도록 하는 hscrollBarVisibility, vscrollBarVisibility 속성 추가

2. 붙여넣기를 할때 행이 추가되는 경우 onCellPasting 콜백의 itemIndex가 -1로 전달되는 현상 개선

3. ColumnFooter.callback에서 계산된 값 또는 expression에서 계산된 값을 가져오는 value속성 추가

1
2
3
4
5
6
7
8
9
gridView.setColumnProperty("column", "footer", 
  { callback: function(column, footerIndex, grid) {
      return 20;
    }
  }
);

var footerValue = gridView.getColumnProperty("column", "footer").value;

1.1.43 (2023년 03월)

오류수정

1. dateEditor, listEditor의 버튼에 mouse가 hover되었을때 hover이미지가 표시되지 않는 오류 수정

2. setColumn
   • setColumn을 이용해서 컬럼의 설정을 변경시 기존에 설정된 editor가 정상적으로 적용되지 않는 현상 수정

3. 그룹컬럼의 하위 컬럼이 많은 경우 가로 스크롤의 빈영역의 끝부분을 클릭하면 그룹컬럼의 마지막 컬럼이 보여지도록 개선

4. onContextMenuItemClicked
   • 컬럼의 헤더에서 contextMenu를 띄운상태에서 menuItem을 클릭했을때 선택된 컬럼이 아닌 컬럼의 그룹이 index.column으로 전달되는 현상 수정
5. fitColumnWidth
   • visible이 false인 컬럼은 fitColumnWidth를 이용해서 너비를 변경할수 없도록 변경

6. excel export시 visible이 false인 컬럼을 showColumns를 이용해서 출력할때 너비가 0으로 출력되는 현상 개선

7. treeView에 여러행을 붙여넣기 할때 onEditRowPasted이벤트로 전달되는 itemIndex와 dataRow가 정상적이지 않은 현상 개선

1.1.42 (2022년 11월)

오류수정

1. MergedRowGrouping
   • mergedRowGrouping된 컬럼에 button이 있는 경우 간헐적으로 버튼이 사라져서 나타나지 않는 현상 수정
   • expandHandle이 깜박이는 현상 개선
2. DatetimeField
   • datetimeFormat이 iso인 경우 summer time을 사용중인 지역에서 시간이 1시간씩 당겨져서 출력되는 현상 수정
3. ExcelExport
   • rowGroup.levels에 footerStyles가 지정되어있는 상태에서 excel export발생하는 오류 수정

1.1.41 (2022년 6월)

기능개선

1. numberEditor
   • numberEditor.maxLengthExceptComma속성이 true이면 입력된 값에서 ,를 제외하고 입력된 문자의 길이가 maxLength와 같으면 다음 셀로 이동하도록 개선.
2. TreeView
   • 대량의 data를 load시 시간이 오래 걸리는 현상을 개선.
3. numberEditor
   • editor가 표시되지 않는 상태에서 한글 입력시 기존 내용이 지워지는 현상을 개선.

오류수정

1. numberEditor
   • numberEditor에 editFormat이 적용되면 -0으로 시작되는 소수점 값을 입력할수 없는 현상 수정.
2. editOptions
   • numberEditor에 한글이 입력된 이후에는 maxLengthToNextCell속성이 적용되지 않는 현상 수정.
3. numberEditor
   • maxIntegerLength속성이 설정된 셀에서 다른셀로 이동을 해도 해당속성이 계속 적용되는 현상 수정

1.1.40 (2022년 3월)

기능개선

1. CheckBar
   • exclusive가 true일때 선택되지 않은 item도 이미지로 표시되도록 하는 unCheckRadioImageUrl 속성 추가

오류수정

1. TreeView
   • onTreeItemCollapsing, onTreeItemExpanding 이벤트에서 false를 return해도 접거나 펼치는 동작이 수행되는 현상 수정
2. RowGrouping
   • grouping 관련 스타일이 설정된 상태에서 excel로 export하면 발생하는 오류 수정
   • getRowGroup()으로 가져온 값을 다시 setRowGroup했을때 발생하는 오류 수정
3. TreeView
   • onTreeItemCollapsed이벤트가 발생하지 않는 현상 수정.

1.1.39 (2021년 10월)

기능개선

1. ItemModelApi
   • expandGroup 또는 collapseGroup으로 그룹을 접거나 펼칠때 itemIndex에 해당하는 model이 group이 아닌 경우 model의 parent가 접거나 펼쳐지도록 개선.
2. editOptions
   • editOptions.updatable이 false여도 rowState가 created인 행은 편집가능하도록 개선
3. numberFormat의 소수점 버림/올림시 시 소숫점 이하 표시방식 변경.
   • numberFormat이 #,##0.####;f일때 일부 값에서 0.0000으로 표시되던 것을 0으로 표시되도록 변경

오류 수정

1. TreeView
   • 엑셀로 export시 footer.callback으로 반환된 문자열이 누락되는 현상 수정
2. syncHeadCheck
   • checkBar.syncHeadCheck 가 true일때 첫번째 item의 checkBox를 체크하면 checkBar의 header가 체크되는 현상 수정.

1.1.38 (2021년 06월)

기능 개선

1. DataColumn
   • fitRowHeight로 자동행높이 조절시 일부 컬럼을 제외할수 있도록 exceptRowHeight 속성이 추가되었습니다. default는 false입니다.
2. DisplayOptions
   • 그리드 Container Div의 style.display 속성이 변경될때 그리드의 크기를 자동으로 변경하는 watchDisplayChange 속성이 추가되었습니다. default는 true입니다.
3. LineCellEditor
   • 특정 문자들만 입력하거나 입력을 제한하도록 하는 inputCharacters속성과 ignoreCharacters속성이 추가 되었습니다.
   • 특정문자들만 입력받을때는 inputCharacters속성에 입력받을 문자를 입력합니다.
   • 특정문자를 제외하는 경우 ignoreCharacters속성에 제한할 문자를 입력합니다.
   • 자세한 내용은 문자 입력 제한를 참조하세요.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
gridView.setColumn([{
  name: "column1",
  fieldName: "field1",
  editor:{
    type:"line",
    inputCharacters: "A-Za-z"  // alphabet만 입력가능
  }
}, {
  name: "column2",
  fieldName: "field2",
  editor:{
    type:"line",
    ignoreCharacters: "A-Za-z"  // alphabet은 입력 불가.
  }
}]);

오류 수정

1. IE에서 editable이 fase이면서 값이 없는 셀에서 복사가 되지 않는 현상을 수정하였습니다.

2. ExcelExport
   • 그리드 상단 합계 영역에 표시되는 값이 엑셀로 출력되지 않는 현상을 수정하였습니다.
   • groupFooter에 dynamicStyle이 적용되었을때 엑셀로 출력시 적용되지 않는 현상을 수정하였습니다.
3. DropdownCellEditor
   • dropdown 편집기의 domainOnly가 true이면서 입력된 값이 없는 경우 다른셀을 클릭해도 닫히지 않는 현상을 수정하였습니다.
4. CheckBar
   • syncHeadCheck 속성이 true일때 행의 선택 여부와 상관없이 모든 행의 checkable이 false인 경우 checkBar의 head에 선택이 표시되는 현상이 수정되었습니다.
5. EditOptioins
   • enterToTab과 enterToEdit 가 동시에 적용되었을때 행의 마지막 셀에서 enter를 입력했을때 editor가 사라지지 않는 현상을 수정하였습니다.

1.1.37 (2021년 02월)

기능 개선

1. numberFormat의 소수점 올림/버림 설정이 소수점 첫번째 자리에도 적용되도록 개선되었습니다.
   • numberFormat이 #,##0;;;f인 경우 소수점을 버린값으로 출력됩니다.

오류 수정

1. ExcelExport
   • link 타입 컬럼을 export시 font size가 설정된 스타일과 다른 현상을 수정하였습니다.
2. fitRowHeight로 자동행 높이 조절시 일부 글자가 표시안되는 현상을 수정하였습니다.
   • styles.textWrap가 normal일때 fitRowHeight로 자동행높이 조절시 일부 글자가 표시되지 않는 현상을 수정하였습니다.
3. onRowsPasted
   • 여러줄을 붙여넣기후 발생되는 onRowsPasted의 items인자에 -1만 넘어오는 현상을 수정하였습니다.
4. getItemIndex
   • treeView에서 편집중인 행의 dataRow를 이용해서 getItemIndex를 호출하는 경우 -1이 return되는 현상을 수정하였습니다.

1.1.36 (2020년 11월)

기능 개선

1. ExcelExport
   • 숨겨진 column을 excel로 export할때 mergeRule이 설정되어있어도 merge가 되지 않는 현상을 개선하였습니다.
   • 숨겨진 groupColumn을 excel export할때 style이 적용되지 않는 현상을 개선하였습니다.
2. DataColumn
   • ColumnFilter가 설정된 Column의 header에 표시되는 filter-icon을 표시하지 않도록 하는 filterIconVisible 속성이 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     gridView.setColumn([{
       name: "column",
       fieldName: "field",
       filters:[{
        ...
       }],
       filterIconVisible: false
     }])
     

3. Mac의 touch pad에서 스크롤
   • Mac의 touch pad를 이용해서 스크롤을 했을때 수직/수평 스크롤이 동시에 일어나는 현상을 일부 개선하였습니다.
4. MobileOptions
   • ColumnHeader를 touch후 drag했을때 범위선택또는 그리드 스크롤을 선택할수 있도록 headerToScroll속성이 추가되었습니다.
   • mobileOptions.headerToScroll을 true로 설정하면 ColumnHeader를 drag시 그리드가 스크롤 됩니다.

오류 수정

1. DataColumn
   • 연결된 field의 dataType이 number인 컬럼의 required속성을 true로 설정했을때 0을 입력하지 못하는 현상이 수정되었습니다.
2. ColumnFilter
   • TreeView의 ColumnFilter.criteria에 funtion을 설정후 filtering을 했을때 오류가 발생하는 현상을 수정하였습니다.
3. fillXmlData
   • fillXmlData를 이용해서 data를 load할때 값이 없는 속성의 경우 false로 변환되는 현상을 수정하였습니다.
4. PasteOptions
   • pasteOptions.eventEachRow가 true이면서 여러행을 붙여넣기할때 행추가되는 경우 발생하는 오류를 수정하였습니다.
5. fitRowHeight
   • displayOptions.fitStyle이 “none”이 아닐때 fitRowHeight를 호출하는 경우 높이가 잘못 계산되는 현상을 수정하였습니다.

1.1.35 (2020년 08월)

기능 개선

1. ExcelExport
   • LinkCellRenderer를 사용한 셀을 export할때 url도 export하도록 하는 GridExportOptions.exportLink 속성이 추가되었습니다.

     1
     gridView.exportGrid({type:"excel", target:"local", exportLink:true})
     

2. CheckBar
   • checkBar.disableCheckImageUrl속성과 checkbar.disableUnCheckImageUrl 속성이 추가되었습니다.
   • checkable이 false일때 표시되는 이미지의 url을 지정합니다.

     1
     2
     3
     4
     grid.setCheckBar({
      disableCheckImageUrl: "./images/disableCheckImage.png",
      disableUnCheckImageUrl: "./images/disableUnCheckImageUrl.png"
     })
     

3. safari에서 가상키보드
   • iPad/iPhone safari의 userAgent가 변경됨에 따라 모바일을 체크하는 부분을 변경하였습니다.
   • 모바일 safari에서 그리드를 클릭했을때 가상키보드가 생성되는 현상이 개선되었습니다.
4. moveRow
   • dataProvider.moveRow를 이용해서 행을 이동할때 check상태도 함께 이동되도록 개선되었습니다.
5. [FilterSelectorOptions]http://help.realgrid.com/api/types/FilterSelectorOptions/)
   • filter Selector가 그리드 외부에 생성될수 있도록 viewGridInside속성이 추가되었습니다.
   • enterCallback속성이 추가되었습니다. default는 false입니다.
   • true로 설정하면 search창에서 enter키를 입력했을때 userFilterAddCallback이 실행됩니다.
6. styles
   • fontLineThrough속성이 추가되었습니다.
7. DisplayOptions
   • liveScroll이 false일때 topItem의 정보를 표시하는 tipView가 추가되었습니다.
   • scrollBar의 thumb를 마우스로 이동시 위치정보를 표시하는 view가 그리드 오른쪽 상단에 표시됩니다.

     1
     2
     3
     4
     5
     6
     7
     .rg-scroll-tip-view {
       border: 1px solid red;
       background: white;
       font-size: 12px;
       white-space: nowrap;
       border-radius: 4px;
     }
     

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     grid.setDisplayOptions({
      scrollMessageCallback:function(grid, vertical, itemIndex) {
        if (vertical === "vertical") {
      var dataRow = grid.getDataRow(itemIndex); 
      if (dataRow >= 0) {
        return "<span style='color:red'>"+grid.getDataSource().getValue(dataRow, "keyFieldName")+"</span>"
      }
        }
      }
     });
     

8. SearchOptions
   • dataComparer속성이 추가되었습니다.
   • 사용자가 검색조건을 작성하고 조건에 해당하면 true를 return합니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
       grid.grid.searchCell({ 
      fields:["field1", "field2"], 
      value:"검색 조건",
      dataComparer: function(dataRow, fieldIndex, data, search) {
        // dataType에 따라 분리 필요.
        // number/ datetime의 경우 replace/indexOf에서 오류 발생.
        if (value && (search = String(search))) {
      value = value.replace(/[" "]/gi, "");  // 공백제거
      search = search.replace(/[" "]/gi, "");
      return (value.indexOf(search) >= 0 || search.indexOf(value) >= 0);
        }
      }
     })
     

9. TreeView
   • treeView에서 노드를 접거나 펼칠때 기존에 선택된 행이 유지되도록 수정되었습니다.
   • 선택된 행이 화면에서 사라지는 경우 접거나 펼쳐지는 노드로 포커스가 이동되도록 수정되었습니다.
10. ImageButtonCellRenderer, ImageButtonsCellRenderer
    • button에 마우스가 올라가면 tooltip이 표시되도록 개선되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      grid.setColumns([{
       name:"column1",
       fieldName:"fieldName",
       renderer:{
       type:"imageButtons",
       images:[{
           name:"button1",
           up:"./images/button_up.png",
           tooltip:"버튼을 클릭하세요",
           showTooltip: true
       }]
       }
      }]);
      

오류 수정

1. checkRow
   • 행이 편집중일때 checkRow를 이용해서 체크를 변경할수 없는 현상을 수정하였습니다.
2. ColumnFooter의 excel export
   • footer.groupCallback의 return값이 문자인경우 export되지 않는 현상을 수정하였습니다.
3. ColumnHeader.subText
   • header.subTextLocation이 “none”이거나 null인경우 export되지 않는 현상을 수정하였습니다.
4. column.fillWidth
   • 그룹컬럼의 자식컬럼에 fillWidth가 있을때 그룹컬럼의 헤더경계를 더블클릭했을때 그룹컬럼이 사라지는 현상을 수정하였습니다.
5. keepNullFocus
   • keepNullFocus가 true일때 그리드에 포커스를 주지 않고 스크롤후 checkBar의 check를 변경했을때 첫번째 행으로 포커스가 이동하는 현상을 수정하였습니다.
6. maxLengthToNextCell
   • mask 편집기의 includeFormat이 true일때 editOptions.maxLengthToNextCell이 true로 설정되면 값 입력시 바로 다음셀로 넘어가는 현상을 수정하였습니다.
7. TreeDataProvider
   • restoreMode가 true일때 dataType이 date인 field를 setVaue를 이용해서 값을 변경시 rowState가 “none”으로 변경되는 현상을 수정하였습니다.
   • dateFormat이 “yyyyMMdd”인 field에 setValue를 이용해서 값을 넣으면 format이 적용되지 않는 현상을 수정하였습니다.
8. TreeDataProvider.setValue
   • field의 dataType이 datetime일때 format에 상과없이 string으로 값을 입력시 date형태로 변환되지 않는 오류를 수정하였습니다.
9. ColumnGroup
   • 컬럼그룹이 있는 경우 rowStylesFirst가 true일때 fixed 속성이 적용안되는 현상을 수정하였습니다.
10. TreeView
    • 데이터 재조회한 후 포커스를 이전위치로 이동시킬 때 현재 화면의 포커스 표시 여부에 따라 스크롤 위치가 달라지는 현상을 수정하였습니다.
11. mobile Focus
    • mobile의 일부 브라우저에서 가상키보드 생성시 그리드가 포커스를 가져가는 현상을 수정하였습니다.
12. numberFormat
    • sytles.numberFormat에 floor을 지정한 경우 일부 잘못된 값이 표시되는 현상을 수정하였습니다.\
13. editFormat
    • numberEditor의 editFormat에서 소수점 이하 자릿수가 큰경우 편집시 소수가 일부 짤려서 표시되는 현상을 수정하였습니다.

1.1.34 (2019년 10월)

기능 개선

1. ColumnHeader
   • mobile기기에서 column의 header를 터치하면 tooltip이 보여지도록 개선되었습니다.
2. Styles
   • gridView.columnByName을 이용해서 Column의 정보를 가져올때 footer, header의 스타일정보도 가져올수 있도록 개선되었습니다.
3. getStyles
   • gridView.body에 설정한 dynamicStyles, cellDynamicStyle의 정보를 가져올수 있도록 수정되었습니다.
   • dynamicStyles를 function으로 지정한 경우에는 그리드 내부에서 관리되는 형태로 출력됩니다.
4. onCellPasting
   • 붙여넣기를 할때 Cell별로 호출되는 onCellPasting event가 추가되었습니다.
   • onCellPasting이벤트에서 true를 return하는 경우 셀이 readOnly여도 붙여넣기가 됩니다.
   • false를 return하는 경우 readOnly에 상관없이 붙여넣기가 되지 않습니다.
   • undefined를 return하면 pasteOptions.checkReadOnly가 true인경우 cell의 editable이 false이거나 readOnly가 true인경우 붙여넣기가 되지 않습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     gridView.onCellPasting = function (grid, index, value) {
       if (index.column === 'column2')
       var val1 = grid.getValue(index.itemIndex, 'column1');
       switch (val1) {
        case 1 :
      return false;
        case 2 :
      return true;
       }
     }
     

5. onCopy
   • 사용자가 ctrl+c 키를 입력했을때 발생하는 onCopy event가 추가 되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     gridView.onCopy = function(grid, range, event) {
       var data = JSON.stringify(grid.getSelectionData());
       if (data) {
        data = 'onCopy\r\n'+data;
      if (window.clipboardData) {
      window.clipboardData.setData("Text", data);
      } else {
      event.clipboardData.setData('text/plain', data);
      }
       }
       return false;
     }
     

   • false를 return하면 복사를 하지 않습니다.
   • window.clipboardData 또는 event.clipboardData를 이용해서 임의의 data를 입력할수 있습니다.
6. copyOptions
   • 그리드를 복사할때 Column Header의 Text를 추가할수 있도록 includeHeaderText 속성이 추가되었습니다.
7. IconCellRenderer
   • iconLocation이 RIGHT인경우 text가 icon을 덮었쓰는 현상을 개선하였습니다.
8. touch scroll
   • 터치 스크린이 있는 노트북, 테블릿에서 화면터치를 이용한 스크롤이 되도록 개선하였습니다.

오류 수정

1. EditorOptions
   • editorOptions.applyCellFont가 true일때 동적으로 editable이 변경되는 셀에서 editor가 정상적으로 표시되지 않는 현상을 수정하였습니다.
2. exportGrid
   • Excel로 export시 hideColumns를 이용해서 ColumnGroup의 하위 Column을 모두 숨기는 경우 발생하는 오류를 수정하였습니다.
3. getDistinctValues
   • getDistinctValues를 사용할때 간헐적으로 발생하는 오류를 수정하였습니다.
4. Sorting
   • Data가 duplicate된 Column을 정렬시 Stack overflow가 발생하는 현상을 수정하였습니다.
5. exportGrid
   • excelFormulaStatement가 적용된 cell을 export시 cell에 값이 없는 경우 excelFormulaStatement가 적용되지 않는 오류를 수정하였습니다.

1.1.33 (2019년 7월)

기능 개선

1. pasteOptions
   • pasteOptions에 convertLookupLabel속성이 추가되었습니다.
   • true로 설정하면 dropdown편집기에 label값을 붙여넣는 경우 value로 변환해서 저장됩니다.
   • 자세한 내용은 데모를 참조하세요.
2. expression
   • column.footer.expression에 datacount와 dataavg가 추가되었습니다.
   • datacount와 dataavg는 data가 있는 cell을 대상으로 계산합니다.

     1
     2
     3
     4
     gridView.setColumns([
       {name:"colName1", fieldName:"field1", footer:{expression:"datacount", groupExpression:"datacount"}},
       {name:"colName2", fieldName:"field2", footer:{expression:"dataavg", groupExpression:"dataavg"}}
     ])
     

3. getChildColumnNames
   • GroupColumn의 하위 컬럼명을 가져오는 getChildColumnNames api가 추가되었습니다.
   • columnByName으로 GroupColumn정보를 가져오는 경우 columns속성을 이용해서 하위 컬럼을 확인할수 있습니다.

     1
     2
     var childCols = gridView.getChildColumnNames('colGroup');
     var groupCol = gridView.columnByName('colGroup');
     

4. DateCellEditor
   • dateCellEditor에 휴일을 표시할수 있는 holidays속성이 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     var holidays = [ {
       type : "day", // 요일을 지정합니다.
       days : [0,6], // 일요일,토요일
       styles : {foreground:"#FFFF00FF"}, // 배경색과 폰트색을 지정합니다.
       tooltips : ["일요일","토요일"], // tooltip
       enabled : true  // false인경우 선택할수 없습니다.
     }, {
       type : "date", // 기념일 또는 특정일자를 지정합니다.
       dates : ["01-01","03-01","05-05","08-15"], // 기념일.
       styles:{foreground:"#FF0000FF"},
       tooltips : ["신정","삼일절","어린이날","광복절"]
     }, {
       type:"date",  // 동일한 type을 중복해서 지정할수 있습니다.
       dates:["2019-05-06"],
       styles:{foreground:"#FFF0F0FF", background:"#88FF00FF"},
       tooltips:["어린이날 대체휴무"]
     }
     ];
     gridView.setColumns([{
       name:"colName",
       field:"dateField",
       editor:{
        type:"date",
        holidays:holidays
       }
     }])
     

   • 자세한 내용은 데모를 참조하세요.
5. MultiLineCellEditor
   • multilineEditor에 altEnterNewLine 속성이 추가되었습니다.
   • altEnterNewLine속성을 true로 설정하면 alt+enter키 입력시 줄바꿈을 합니다.
6. TreeView
   • treeView.options에 sortMode속성이 추가되었습니다.
   • “explicit”으로 설정시 정렬된 컬럼의 data를 수정했을때 즉시 정렬되지않습니다.
7. Mobile Tooltip
   • mobile기기에서도 tooltip을 사용할수 있도록 moblieOptions.showTooltip 속성이 추가되었습니다.

오류 수정

1. fitRowHeight
   • 개별행의 높이를 변경가능할때 fitRowHeight를 이용해서 높이자동계산을 할때 일부 잘못계산되는 현상을 수정하였습니다.
2. 행 추가 후 포커스 이동 시 잔상이 남아있는 현상
   • api를 이용해서 dataProvider.insertRow후 gridView.setCurrent를 실행했을때 간헐적으로 이전행의 data가 보이는 현상을 수정하였습니다.
3. CellMerging
   • 병합된 컬럼의 editor가 dropdown이거나 date인경우 edit button클릭시 다른 행에 dropdown이 표시되는 현상을 수정하였습니다.
4. TreeView
   • treeView에서 dynamicStyles로 동적 편집기 설정이 정상적으로 되지 않는 오류를 수정하였습니다.
5. MergedRowGrouping
   • 행병합그룹핑에서 createFooterCallback을 이용해서 footer의 일부만 표시할때 행을 접었다가 다시 펼칠때 펼쳐지지 않는 현상을 수정하였습니다.
6. hideRows
   • 그리드의 filterMode와 sortMode가 “explicit”일때 dataProvider.hideRows를 했을때 일부 정상적으로 작동하지 않는 현상을 수정하였습니다.
7. Clipboard 복사
   • IE에서 0 또는 false값을 복시 오류가 발생하는 현상을 수정하였습니다.
8. NumberCellEditor
   • numberCellEditor.numberFormat에 소수점 이하 자리를 지정했을때 일부 데이타가 반올림되어 편집기에 표시되는 현상을 수정하였습니다.
9. fillCsvData
   • fillCsvData의 options.fillMode가 “append”일때 발생하는 오류를 수정하였습니다.
10. ExcelExport
    • column의 dynamicStyles에 function을 설정한 후 RowGrouping상태에서 일부 Group을 접고 export하는 경우 발생하는 오류를 수정하였습니다.
11. RowGrouping
    • 행그룹핑에서 값이 없는 경우 Grouping 된 Row가 3행이하일때와 3행이상일때 다르게 표시되는 현상을 개선하였습니다.

1.1.32 (2019년 4월)

기능 개선

1. DataColumn
   • lookupValue 또는 lookupSource를 사용하는 셀에서 Data가 lookup에 없는 경우 지정된 Text로 보여지도록 하는 textOfInvalid 속성이 추가 되었습니다.
   • expression에 lookupexists가 추가 되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     gridView.setColumns([{
       name:"colName",
       fieldName:"fieldName",
       lookupDisplay:true,
       values:["1","2","3"],
       labels:["일","이","삼"],
       textOfInvalid:"수정필요",
       dynamicStyles:[{
      criteria:"not lookupexists",
      styles:{foreground:"#FFFFFFFF", background:"#FF919bad"}
       }]
     },
     ...])
     

2. IE에서 붙여넣기
   • IE에서 선택된 셀이 readOnly이거나 textReadOnly인 경우에도 붙여넣기가 가능하도록 개선되었습니다.
3. CheckCellRenderer
   • CheckCellRenderer를 편집기로 이용할때 컬럼의 readOnly가 true인 경우 수정되지 않도록 변경되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     gridView.setColumns([{
       name:"colName",
       fieldName:"fieldName",
       editable:false,
       renderer:{type:"check", editable:true},
       dynamicStyles:function(grid, index, value) {
      if (grid.getValue(index.itemIndex, "fieldName") === "test") {
        return {readOnly:true}
      }
       }
     },
     ...])
     

4. GridExportOptions
   • displayOptions.fitStyle이 지정되었을때 실제 화면에 보이는 컬럼너비대로 출력하는 applyFitStyle 속성이 추가되었습니다.
5. panel
   • 그리드 Group Panel의 borderBottom과 paddingLeft가 적용되도록 수정되었습니다.

     1
     gridView.setStyles({panel:{paddingLeft:20, borderBottom:"#FF828282,2px"}});
     

6. ScrollBar Styles
   • scrollBar의 스타일을 변경할수 있도록 개선되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     gridView.setStyles({"scrollBar":{
      "background":"#fff0f0f0",
      "thumb":{
        "background":"#ffc0c0c0",
        "hoveredBackground":"#ffa0a0a0",
        "selectedBackground":"#ff808080"
      },
      button:{
        "background":"#fff0f0f0",
        "hoveredBackground":"#ffd0c0d0",
        "selectedBackground":"#ff808080",
        "foreground":"#ff333333",
        "hoveredForeground":"#ff333333",
        "selectedForeground":"#ffffffff"
      }
       }
     });
     gridView.setOptions({"scrollThumbRadius":8});
     

7. EditMask
   • Editor에 mask가 설정되어있는 경우 한글입력이 제한되도록 변경되었습니다.
   • editMask에 해당하지 않는 문자는 붙여넣기에서 제외되도록 하는 applyEditMask 속성이 추가되었습니다.
   • dynamicStyles를 이용해서 mask를 변경하는 경우 append되는 셀의 editMask는 적용되지 않습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     gridView.setColumnProperty("colName", "editor", {
       type:"text",
       mask:{
      editMask:"0000-0000-0000",
      allowEmpty:true      
       }
     });
     gridView.setPasteOptions({applyEditMask:true});
     

8. ColumnFilter
   • 그리드에 정해진 criteria변수만으로 filtering이 어려운 경우 사용자함수를 이용해서 filtering을 할수 있도록 개선되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     var filterFunc = function(dataProvider, dataRow, fieldName , filter, value) {
       function checkSocialNumber(gubun , socialNo) {
        // 주민번호/사업자번호 검증로직.
       };
       var tag = filter.tag;
       switch (tag) {
        case 1 : return checkSocialNumber(1, value);
        case 2 : return checkSocialNumber(2, value);
        case 3 : return !checkSocialNumber(1, value);
        case 4 : return !checkSocialNumber(2, value);
       }
     }
     

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     var filters = [
       { 
      name: "filter1",
      text:"주민번호 정상",
      tag:1,
      criteria:filterFunc
       }, {
      name:"filter2",
      text:"사업자번호 정상",
      tag:2,
      criteria:filterFunc
       }, { 
      name: "filter3",
      text:"주민번호 오류",
      tag:3,
      criteria:filterFunc
       }, {
      name:"filter4",
      text:"사업자번호 오류",
      tag:4,
      criteria:filterFunc
       }
     ]
     grid.setColumnFilters("socialNo", filters)
     

   • 자세한 내용은 데모를 참조하세요.
9. getContainer
   • 그리드의 DIV를 가져오는 getContainer함수가 추가되었습니다.
10. checkValidateCells
    • checkValidateCells를 이용해서 전체데이타를 검증할때 보이지 않는 행도 검사할수 있도록 visibleOnly 인자가 추가되었습니다.
    • checkValidateCells의 itemIndices 인자는 null, visibleOnly는 true인경우 전체행을 대상으로 오류를 확인합니다.

      1
        gridView.checkValidateCells(null, true);
      

11. ExportGrid
    • 그리드를 excel로 export할때 data가 없는 셀은 data를 출력하지 않도록 변경되었습니다.
12. fitColumnWidth
    • gridView.fitColumnWidth를 이용해서 컬럼의 너비를 변경할때 summary가 있는 경우 summary의 너비도 포함하도록 변경하였습니다.
13. fillEditSearchItems
    • SearchCellEditor에 검색된 자료가 많은 경우 editor가 느리게 생성되는 경우 일부만 표시하여 editor를 빠르게 생성할수 있도록 수정되었습니다.
    • 서버에서 모든 자료를 가져온후 list에 보여지는 건수만 제한합니다.
    • initCount:최초 화면에 보여질 Data 건수
    • moreItemCount: 더보기 버튼을 클릭했을때 추가할 건수
    • moreText: 더보기 버튼의 caption
    • reInquery: 사용자가 editor에 문자를 추가했을때 다시 검색하지 않고 list에서 찾기

      1
      2
      3
      4
      5
      6
      7
      8
      var searchEditor = {
        type:"search", 
        initCount:50, 
        moreItemCount:50,
        moreText:"more",
        reInquery:false}
      };
      gridView.setColumnProperty("colName", "editor", searchEditor)
      

14. pasteOptions
    • editor에 maxLength가 지정된 경우 maxLength만큼만 붙여넣기가 되도록 하는 applyMaxLength 속성이 추가 되었습니다.
    • 붙여넣기 하는 data의 길이가 editor의 maxLength보다 긴경우 maxLength이후의 문자는 붙여넣기가 되지 않습니다.

오류 수정

1. removeRow
   • onItemChecked 이벤트 또는 onCellButtonClicked 이벤트 내부에서 마지막 행을 삭제시 오류가 발생하는 현상을 수정하였습니다.
2. HeaderSummary
   • 그리드가 생성된 이후 headerSummary의 mergeCells를 변경했을때 즉시 갱신되지 않는 현상을 수정하였습니다.
3. RowGrouping
   • rowGrouping을 한 상태에서 rowGrouping이 된 컬럼을 수정시 간헐적으로 발생하는 오류를 수정하였습니다.
4. 붙여넣기
   • pasteOptions.checkReadOnly가 true일때 추가중인 행에 붙여넣기를 하면 오류가 발생하는 현상을 수정하였습니다.
5. ExportGrid
   • rowGroup.mergeMode가 true이고 모든 컬럼이 rowGrouping된 상태일때 excel로 export하면 excel 파일을 열때 발생하는 오류를 수정하였습니다.
6. CellMerging
   • column.mergeRule의 criteria가 “value”가 아닐때 간헐적으로 발생하는 오류를 수정하였습니다.
7. Footer
   • grid.setFooter를 이용해서 Footer의 mergeCells를 포함하여 두가지 이상의 속성을 변경하는 경우 즉시 갱신되지 않는 오류를 수정하였습니다.

1.1.31 (2019년 1월)

기능 개선

1. DynamicStyle
   • dynamicStyle에서 셀의 editable과 readOnly를 지정할수 있도록 개선되었습니다.
   • 셀의 cursor를 변경할수 있도록 개선되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     gridView.setColumns([{
       name:"columnName",
       fieldName:"fieldName",
       dynamicStyles:function(grid, index, value) {
      var ret = {};
      var s = grid.getValue(index.itemIndex, "column1");
      ret["editable"] = s === "1" || s === "2";
      ret["readOnly"] = s === "2";
      ret["cursor"] = s === "3" ? "move" : "auto";
      return ret;
       }
     }]);
     

   • editor의 속성을 변경할수 있도록 개선되었습니다.
   • 아래의 코드는 “kind” field의 값에 따라 법인번호 또는 사업자번호형식으로 입력받도록 editor의 속성을 변경합니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     gridView.setColumns([{
       name:"columnName",
       fieldName:"fieldName",
       dynamicStyles:function(grid, index, value) {
      var kind = grid.getValue(index.itemIndex, "kind");
      var ret = {};
      switch (kind) {
        case '0' :  // 법인번호.
      ret.editor = {
        type:"text", 
        mask:{
          editMask:"000000-000000", allowEmpty:true, includedFormat:false   
        }
      };
      break;
        case '1' :  // 사업자번호
      ret.editor = {
        type:"text",
        mask:{
          editMask:"000-00-00000", allowEmpty:true, includedFormat:false
        }
      }
      break;
      }
      return ret;
       }
     }]);
     

   • 자세한 내용은 동적 스타일 데모를 참조하세요.
2. DataColumn
   • 그리드에 표시되는 값을 변경할수 있는 displayCallback이 추가되었습니다.
   • column.styles에 numberFormat, datetimeFormat 등이 있는 경우에는 displayCallback은 무시됩니다.
   • 정규식(column.displayRegExp,displayReplace)이 있는 경우 displayCallback은 무시됩니다.
   • excel로 export하는 경우 exportOptions.numberCallback, datetimeCallback, booleanCallback이 있는 경우 displayCallback은 무시됩니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     gridView.setColumns([{
       name:"columnName",
       fieldName:"fieldName",
       displayCallback:function(grid, index, value) {
      var kind = grid.getValue(index.item, "kind");
      switch(kind) {
        case "0" :
      return value && value.length > 6 ? value.substr(0,6)+'-'+value.substr(6,7) : value;
        case "1" :
      return value && value.length == 10 ? value.substr(0,3)+'-'+value.substr(3,2)+'-'+value.substr(5,5) : value;
      }
      return value;
       }
     }])
     

   • 자세한 내용은 동적 스타일 데모를 참조하세요.
3. Excel Export
   • excel Export시 컬럼을 화면에 보이는 컬럼을 export하지 않거나 또는 화면에 보이지 않는 컬럼을 export할수 있도록 GridExportOptions에 showColumns, hideColumns속성이 추가되었습니다.
   • showColumns에는 visible이 false이지만 excel로 export하고자 하는 컬럼을 배열로 지정합니다.
   • hideColumns에는 화면에 보이지만 excel로 export하지 않을 컬럼을 지정합니다.

     1
     2
     3
     4
     5
     6
     gridView.exportGrid({
       type:"excel",
       target:"local",
       showColumns:["column1"],
       hideColumns:["column2"]
     });
     

4. CheckBar
   • 그리드 행을 체크했을때 checkBar.head의 체크상태를 연동시킬수 있는 syncHeadCheck속성이 추가되었습니다.
   • 모든 행이 체크된 경우 checkBar.head도 체크상태로 변경됩니다.
   • 체크가 해제되는 경우 head의 check상태가 해제됩니다.
5. NumberCellEditor
   • numberCellEditor에서 space key를 입력시 입력값을 삭제할수 있도록 하는 blankWhenSpace속성이 추가되었습니다.
6. CheckableExpression
   • 그리드의 setPaging을 이용하여 Paging모드로 변경하고 checkableExpression을 사용했을때 그리드의 현재 페이지에만 적용되되는 현상을 개선하였습니다.
7. getRowHeight
   • 그리드 행의 높이를 확인할수 있는 getRowHeight api가 추가되었습니다.
8. RowGroupOptions
   • MergedRowGroup시 일부 그룹에만 footer를 표시할수 있도록 createFooterCallback 속성이 추가되었습니다.
   • createFooterCallback의 return값이 true인경우에만 해당 group의 footer를 화면에 표시합니다.
   • RowGroup.mergeMode가 true인경우에만 사용할수 있습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     gridView.setRowGroup({
       mergeMode:true,
       createFooterCallback: function(grid, group) {
      if (group.level === 1) {
        return true; // 그룹의 level이 1인경우 footer를 표시.
      };
      if (group.level === 2) {
        return false; // 그룹의 level이 2인경우 footer를 표시하지 않음.
      };
      if (group.level === 3) {
        var division = grid.getDataSource().getValue(group.firstItem.dataRow, "division");
        return division === "1"  // field값에 따라 footer를 표시하거나 표시하지 않음.
      };
      return true;  // 그외의 경우 표시함.
       }
     });
     

9. DisplayOptions
   • 그리드의 테두리를 일부만 그릴수 있도록 drawBorderLeft, drawBorderRight, drawBorderTop, drawBorderBottom속성이 추가되었습니다.
   • drawBorderLeft 속성을 false로 지정시 왼쪽테두리를 그리지 않습니다.

     1
     2
     3
     4
     5
     gridView.setStyles({grid:{border:"#FF0FCFCF,2"}});
     gridView.setDisplayOptions({
      drawBorderLeft:false,
      drawBorderRight:false
     })
     

오류 수정

1. [ColumnGroup]((/Columns/ColumnGrouping/)
   • ColumnGroup의 하위 컬럼에 MergeRule이 적용되어있고 column.styles.background의 alpha값이 FF가 아닌 경우 셀의 잔상이 보여지는 현상이 수정되었습니다.
2. fitColumnWidth
   • Column.styles.textWrap이 “normal”일때 grid.fitColumnWidth를 이용해서 컬럼의 너비를 변경했을때 줄바꿈이 정상적으로 되지 않는 현상이 수정되었습니다.
3. DataColumn
   • Column.mergeRule에 의해서 병합된 column을 rowGrouping한 상태에서 첫번째 그룹의 셀을 선택후 그룹을 접었을때 merge된 셀의 잔상이 보여지는 현상이 수정되었습니다.
4. CellButton
   • Column.buttonVisibility가 always이면서 그리드의 마지막행이 일부만 보여지고 있을때 마지막행의 버튼을 클릭하는 경우 onImageButtonClicked이벤트의 itemIndex에 잘못된 index가 전달되는 현상을 수정하였습니다.
5. LinkCellRenderer
   • LinkCellRenderer가 적용된 컬럼의 경우 fitColumnWidth를 이용한 자동 너비변경이 안되는 오류를 수정하였습니다.
6. exportGrid
   • RealGridJS.exportGrid를 이용해서 여러개의 그리드를 export한 파일을 최초 편집시 선택된 시트 외 다른 시트의 값이 동시에 변경되는 현상이 수정되었습니다.
   • 여러개의 그리드를 하나의 엑셀파일로 export한경우 Mac OS에서 읽지 못하는 현상을 수정하였습니다.
   • LookupTree를 사용한 컬럼이 있는 그리드에서 rowGrouping한후 그룹을 접은 상태에서 export할때 발생하는 오류를 수정하였습니다.
   • Merged RowGroup에서 ExcelExport시 footerCellMerge를 사용했을때 footer의 merge가 잘못되는 현상을 수정하였습니다.
7. Styles
   • style의 fontUnderline을 true로 설정했을때 셀 MouseOver후 underline이 사라지는 현상을 수정하였습니다.
8. HeaderSummary
   • header.summary의 높이가 변경되지 않는 현상을 수정하였습니다.
9. readOnly 상태의 컬럼이 스페이스바 키로 편집이 되는 현상
   • readOnly인 셀을 선택한후 스페이스키를 입력하면 편집이 되는 현상을 수정하였습니다.

1.1.30 (2018년 10월)

기능 개선

1. GridOptions.resizeDelay
   • 그리드 DIV의 넓이 또는 높이가 ‘100%’일때 IE에서 Browser의 크기변경시 resetSize가 실행되면서 깜박거리는 현상이 줄이기 위한 gridOptions.resizeDelay속성이 추가되었습니다.
   • default는 undefined이며 resizeDelay가 설정되면 resize가 종료된후 resizeDelay에 지정된 시간이후에 resetSize가 실행됩니다.

     1
     gridView.setOptions({resizeDelay:250});  
     

2. GridOptions.keepNullFocus
   • dataProvider에 setRows를 하거나 그리드를 refresh했을때 첫번째 셀에 자동으로 포커스가 생기지 않도록 하는 keepNullFocus속성이 추가되었습니다.
   • 그리드가 activeElement인 경우 keepNullFocus가 true여도 포커스가 표시됩니다.

     1
     gridView.setOptions({keepNullFocus:true});
     

3. getLeftPos, setLeftPos
   • 그리드의 가로위치를 가져올수 있는 getLeftPos 함수와 그리드의 가로위치를 변경할수 있는 setLeftPos함수가 추가되었습니다.
4. Filtering
   • setColumnFilters 또는 clearColumnFilters 등 컬럼 필터가 재지정될때 itemCount가 변경되지 않는 경우 선택된 셀이 변경되지 않도록 수정되었습니다.
5. DataColumn.equalBlankExpression
   • 컬럼의 이전행과 동일한 값을 가지는 셀을 하나로 묶을때 다른 컬럼의 값을 참조할수 있도록 [equalBlankExpression] 조건이 추가되었습니다.

     1
     gridView.setColumnProperty("columnnName", "equalBlankExpression","values['col1']+value");
     

6. ColumnFilter
   • FilterSelector의 검색창에서 ctrl+enter를 입력시 호출되는 userFilterAddCallback 속성이 추가되었습니다.
   • 전달되는 인자는 grid, column, text입니다.
   • column: 현재 filter selector가 popup된 컬럼입니다.
   • text: 사용자 입력한 문자열입니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     gridView.setFilteringOptions({
      selector:{
          userFilterAddCallback: function(grid, column, text) {
              return {
                  name: "filter_"+column.name+"_"+text,
                  text: text,
                  criteria: "value like '"+text+"%'",
                  active: true,
              }
          }
      }
     });
     

7. mergeRule
   • mergeRule을 이용해서 셀 병합시 선행컬럼을 참조할수 있는 ‘prevvalues’ 수식이 추가 되었습니다.

     1
     2
     3
     4
     5
     6
     7
     gridView.setColumn({
      name:"columnName",
      fieldName:"fieldName",
      mergeRule:{
          criteria:"prevvalues+value"
      }
     })
     

   • 병합될 컬럼의 왼쪽에 있는 컬럼들의 값이 동일한 경우에 병합됩니다.
8. GridOptions.backgroundImage
   • 그리드에 배경이미지를 그릴수 있는 기능이 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     gridView.setOptions({
       backgroundImage:{
        imageUrl:"./image/realgrid.jpg", 
        alpha:0.2, 
        location:"center", 
        padding:2
       }
     })
     

   • imageUrl: 배경으로 사용할 이미지의 url을 입력합니다.
   • alpha: 투명도를 지정합니다.
   • location: 배경의 위치를 지정합니다. BackgroundImageLocation 참조
   • padding: 여백을 지정합니다. padding 또는 paddingLeft, paddingRight, paddingTop, paddingBottom을 이용해서 지정합니다.
9. CellRenderer
   • mouse hover시 text에 밑줄을 표시하는 hoveredUnderline 속성이 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     gridView.setColumns([{
       name:"columnName",
       fieldName:"fieldName",
       renderer:{
        type:"text",
        hoveredUnderline:true
       }
     }])
     

10. fitStyle
    • grid의 fitStyle을 “fill”로 변경했을때 그룹컬럼에 속해있는 컬럼들의 경우 fillWidth가 지정되어있어도 모든컬럼의 넓이가 배분되던것을 fillWidth가 지정된 컬럼의 넓이만 배분되도록 변경되었습니다.
11. Mask
    • 에디터에 mask가 설정되어있을때 앞자리를 입력하지 않으면 다음으로 이동할수 없도록 하는 restrictNull 속성이 추가되었습니다.

      1
       gridView.setColumnProperty("columnName","editor", {type:"text", mask:{editMask:"0000-99-00",restrictNull:true, allowEmpty:true}})
      

12. onValidateColumn
    • onValidateColumn 이벤트에서 다른 field의 값을 확인 할수 있도록 itemIndex인자가 추가되었습니다.
13. DateCellEditor
    • Date Editor가 popup될때 선택되는 날짜를 지정하는 defaultShowDate 속성이 추가되었습니다.
    • “normal”: 기존과 동일하게 셀에 data가 있는 경우 해당하는 날짜가 표시되고 data가 없는 경우 이전에 표시된 날짜가 선택된 상태로 popup됩니다.
    • “today”: 항상 현재일자가 선택된 상태로 popup됩니다.
    • “todayWhenNull”: 셀에 data가 있는 경우 해당하는 날짜가 표시되고 data가 없는 경우 현재일자가 표시됩니다.
    • defaultShowDate에 일자를 지정하면 data가 없는 셀에서 지정된 날짜로 popup됩니다.
14. EditValidation
    • columnValidation의 criteria에서 다른 컬럼을 참조할수 있도록 values 조건이 추가 되었습니다.

      1
      2
      3
      4
      5
      gridView.setColumnProperty("columnName", "validations", [{
        criteria:"((values['test1'] = 'A') and (value >= 10)) or (values['test1'] <> 'A') ",
        level:"error",
        message:"test1이 'A'인 경우 10 이상의 값을 입력해야 합니다."
      }])
      

15. DropdownCellEditor
    • dropdownEditor의 dropdownList에서 value와 label을 동시에 보여줄수 있도록 displayLabels속성이 변경되었습니다.

      1
      2
      3
      4
      5
      6
      gridView.setColumnProperty("columnName", "editor", {
       type:"dropdown",
       separator: " ",
       itemColumned: false,
       displayLabels: "valueLabel"
      })
      

    • separator: value와 label을 구분하는 문자열을 입력합니다. default는 “ - “ 입니다.
    • itemColumned: 처음 항목의 넓이를 동일하게 표시하도록 합니다.
    • DropDownValueLabel: dropdownList에 표시될 항목을 지정합니다.

오류 수정

1. ImageButtonsCellRenderer
   • 컬럼의 buttonVisibility가 “hidden”이어서 버튼이 숨겨져 있을때 버튼의 위치에서 커서가 변경되고 클릭이 발생되는 현상이 수정되었습니다.
2. onShowTooltip
   • 그룹컬럼에 속한 컬럼에 mergeRule이 적용되어 있을때 onShowTooltip 이벤트의 Arguments중 index의 column이 GroupColumn으로 넘어오는 현상이 수정되었습니다.
3. iFrame내에서 그리드가 스크롤되는 현상
   • iFrame내에서 그리드를 사용할때 iFrame이 그리드보다 작거나 스크롤 되어 그리드가 일부만 보이는 상태에서 그리드를 클릭하면 그리드의 위치가 변경되는 현상이 개선되었습니다.
4. setCellStyle
   • setCellStyle(s) 등으로 적용된 스타일이 moveRow 사용시 잘못된 위치에 표시는 현상이 수정되었습니다.
5. DropdownCellEditor
   • dropdown Editor에서 dropdownList가 popup되지 않은 상태에서 Data를 삭제후 commit했을때 Data가 삭제되지 않는 현상이 수정되었습니다.
6. 화면 갱신시 오류
   • dataProvider.setValue 또는 gridView.setValue시 일부 셀이 갱신되지 않고 이전 값이 표시되는 현상이 수정되었습니다.
7. editMask
   • chrome Browser에서 editor에 Mask속성을 설정한 상태에서 편집시 backspace키를 계속 입력시 caret의 위치가 끝으로 이동하는 현상이 수정되었습니다.

1.1.29 (2018년 8월)

기능 개선

1. ColumnFilter
   • ColumnFilter를 화면에서 보이지 않도록 하는 hideColumnFilters 함수가 추가되었습니다.
   • ColumnFilter.visible 속성이 추가되었습니다. default는 true이며 false로 설정시 화면에서 보여지지 않습니다.
   • filter의 active는 visible상태에 상관없이 적용됩니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     gridView.hideColumnFilters("columnnName", ["filterNames"], true);
     gridView.addColumnFilters("columnName", 
     [ 
       {
        name:"filter1", 
        text:"filter1", 
        criteria:"value like 'test%'", 
        visible:true
       }, {
        name:"filter2",
        text:"filter2",
        criteria:"value like 'aaa%'",
        visible:false,
        active:true
       }
     ]
     );
     

   • hideAllColumnFilters 함수가 추가되었습니다.
   • 자세한 내용은 [데모] 를 참조하세요.
2. DisplayOptions
   • 그리드의 WheelEvent를 외부로 전파하지 하지 않도록 하는 wheelEventPropagate 속성이 추가되었습니다.
   • DisplayOptions.wheelEventPropagate 속성을 false로 설정시 그리드 외부로 스크롤이 전달되지 않습니다.
   • 그리드의 처음행 또는 마지막행이 보여지는 상태에서 스크롤을 했을때 브라우저 스크롤을 막는 경우 사용합니다.
3. FilterSelectorOptions
   • ColumnFilter를 검색할수 있는 showSearchInput 속성이 추가되었습니다.
   • ColumnFilter를 선택시 여러개의 filter를 선택후 filtering이 실행되도록 하는 accept버튼이 추가되었습니다.
   • FilteringOptions filter를 검색후 선택했을때 화면에 보이지 않는 filter의 check를 유지하도록 하는 clearWhenSearchCheck 속성이 추가되었습니다.
   • clearWhenSearchCheck속성이 true인경우 FilterSelector화면에 보이지 않는 filter는 check가 해제됩니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
       gridView.setFilteringOptions({
      clearWhenSearchCheck: true,
      selector:{
        showSearchInput: true,
        showButtons: true, 
        acceptText:"선택",
        cancelText:"취소"
      }
       })
     

   • 자세한 내용은 [데모] 를 참조하세요.
4. isFiltered
   • Column의 filter가 실행중인지 확인하는 isFiltered 함수가 추가되었습니다.

     1
     2
       var isFiltered = gridView.isFiltered("columnName");
       var isFiltered = gridView.isFiltered();
     

5. setEditValue
   • 그리드 편집기가 활성화 된 상태일때 editor의 값을 변경할수 있는 setEditValue 함수가 추가되었습니다.
   • 셀이 readOnly이거나 editable이 false인경우 editor의 값이 변경되지 않습니다.
   • editor가 표시되지 않는 checkCellRenderer인경우 사용할수 없습니다.

     1
       gridView.setEditValue("test", startEdit);
     

   • startEdit 인자가 true인경우 편집중인 아닌경우 편집상태로 변경하고 editor의 값을 변경합니다.
6. LinkCellRenderer
   • LinkeCellRenderer를 사용하는 셀에 url값이 없는 경우 마우스 포인터가 변경되지 않도록 수정되었습니다.
7. DataColumn
   • DataColumn.lookupDisplay가 true일때 해당컬럼을 화면에 보여지는 값으로 정렬하도록 하는 sortByLabel속성이 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
       gridView.setColumn({
      name: "columnName",
      fieldName: "fieldName",
      lookupDisplay: true,
      values: ['1','2','3','4','5','6'],
      labels: ['일','이','삼','사','오','육'],
      sortByLabel: true
       })
     

   • value값으로 정렬할때보다 약간의 속도 저하가 있을수 있습니다.
8. onCurrentChanging
   • 셀이 편집중인 경우 포커스의 이동을 제한할수 있도록 onCurrentChanging Event의 발생순서를 변경할수 있는 grid.changingMode 속성이 추가 되었습니다.
   • default는 ChangingMode.NORMAL 이며 기존과 동일하게 editCommit후 onCurrentChanging Event가 발생됩니다.
   • changingMode가 ChangingMode.BEFORE_EDITCOMMIT인 경우 editor commit이전에 onCurrentChaning이벤트가 호출됩니다. 이벤트의 결과값으로 false를 return하면 포커스 이동은 취소되고 편집중인 셀의 편집상태는 유지됩니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
       function validationValue(grid, index, value) {
      // value값 검증.
      return value검증 ? true : false;
       }
       gridView.setOptions({changingMode:RealGridJS.ChangingMode.BEFORE_EDITCOMMIT});
       gridView.onCurrentChanging = function(grid, oldIndex, newIndex) {
      if (grid.isEditing()) {
        var editValue = grid.getEditValue();
        return validationValue(grid, newIndex, editValue);
      }
       }
     

9. ActualTargetBulletRenderer
   • actualTargetBulletRenderer의 actual, target값에 numberFormat이 적용되도록 개선되었습니다.
10. DisplayOptions
    • 그리드의 스크롤바를 숨길수 있는 DisplayOptions.hscrollBar, DisplayOptions.vscrollBar 속성이 추가 되었습니다.
11. StateBar
    • 행의 상태를 표시하는 StateBar 상태에 따른 이미지를 표시할수 있도록 stateImages 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
        gridView.setStateBar({
       mark:"image",
       stateImages:{
         "updated":"./images/state_updated.png",
         "created":"./images/state_created.png",
         "deleted":"./images/state_deleted.png",
         "createAndDeleted":"./images/state_createAndDeleted.png"
       }
        });
      

    • 행의 편집상태를 표시하는 Indicator에 stateImages속성과 mark속성이 추가 되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
        gridView.setIndicator({
       mark:"image",
       stateImages:{
         "focused":"./images/indicator_focused.png",
         "inserting":"./images/indicator_inserting.png",
         "updating":"./images/indicator_updating.png",
         "appending":"./images/indicator_appending.png"
       }
        });
      

12. BTDateCellEditor
    • BTDateCellEditor.commitOnSelect 속성이 추가 되었습니다.
13. NumberFormat
    • DataColumn.displayMinusZero 속성이 추가 되었습니다.
    • displayMinusZero 속성이 false인 경우 numberFromat의 소수점이하 자리수가 Data의 소수점이하 자리수보다 작아서 “-0.00”으로 표시되는 경우 “0.00”으로 표시합니다.
14. ImageButtonCellRenderer
    • cursor속성이 추가되었습니다.
    • mouse hover시 underline이 표시되지 않도록 하는 hoveredUnderline 속성이 추가되었습니다.
15. onFilteringChanged
    • onFilteringChanged 이벤트의 인자에 column이 추가되었습니다.
    • gridView.setColumns시 발생되는 onFilteringChanged 이벤트의 경우 column의 값이 undefined입니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
        gridView.onFilteringChanged = function(grid, column) {
       console.log(column && column.name);
       if (column && column.name == "maker") {
         var activeFilters = grid.getActiveColumnFilters("maker");
         var modelFilters = grid.getColumnFilters("model");
         var filter, makers = [];
         var hideFilters = [];
         var visibleFitlers = [];
         for (var i = 0, cnt = activeFilters.length; i < cnt ; i++) {
       filter = activeFilters[i];
       makers.push(filter.text);
         }
         grid.beginUpdate();
         try {
       for (var i = 0, cnt = modelFilters.length; i < cnt ; i++) {
         filter = modelFilters[i];
         if (makers.length > 0 && makers.indexOf(filter.description) < 0) {
           hideFilters.push(filter.name);
         } else {
           visibleFitlers.push(filter.name);
         }
       }
       grid.activateAllColumnFilters("model", false);
       grid.hideColumnFilters("model", hideFilters, true);
       grid.hideColumnFilters("model", visibleFitlers, false);
         } finally {
       grid.endUpdate();
         }
       }
        }
      

    • “maker”컬럼의 Filter를 변경했을때 선택된 maker의 model만 “model”컬럼의 Filter에 표시되도록 하는 샘플 코드입니다.

오류 수정

1. lookupColumn
   • column.values에 공백(‘‘)이 입력되지 않는 오류가 수정되었습니다.
2. checkBar
   • checkBar Head와 Cell의 check이미지의 위치가 1px틀어지는 것을 수정하였습니다.
3. excelFormat
   • setCellStyle 또는 dynamicStyle이 적용되어있는 Cell을 excel로 export할때 excelFormat이 사라지는 현상을 수정하였습니다.
4. rowHeight
   • 그리드의 넓이가 그리드의 높이보다 작은경우 setRowHeight를 실행했을때 넓이보다 커지지 않는 오류를 수정하였습니다.
5. editor
   • 현재 선택된 Cell의 값이 null일때 gridView.setValue를 하고 키보드를 이용해서 delete키 입력후 enter키를 입력했을때 setValue로 입력한 값이 보이는 현상이 수정되었습니다.
6. TreeView
   • 트리그리드에서 최상위 노드가 1개인 경우 Sort가 안되는 현상이 수정되었습니다.
   • 트리그리드에서 첫번째행에 포커스가 있는 상태에서 Data를 다시 Load했을때 onCurrentRowChanged이벤크가 발생하지 않는 오류를 수정하였습니다.
7. orderBy
   • gridView.orderBy api에서 sortDirs인자값이 잘못된 경우 아이콘 표시가 반대로 되는 현상을 수정하였습니다.
8. getDistinctValues
   • dataProvider.getDistinctValues의 count인자를 1로 넘겼을때 2건의 자료가 return되는 오류를 수정하였습니다.
9. dataField
   • dataProvider.addField를 이용해서 추가한 dataField의 calculateExpression또는 calculateCallback이 적용되지 않는 오류가 수정되었습니다.
10. filtering
    • focus가 첫번째 행에 있는 상태에서 columnFiltering을 하면 filter Selector화면이 닫히는 현상을 수정하였습니다.

1.1.28 (2018년 6월)

기능 개선

1. numberFormat
   • 숫자를 절대값으로 표현할수 있는 기능이 추가 되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     gridView.setColumns([{
      name:"colName",
      fieldName:"fieldName",
      dynamicStyles:[{
      criteria:"value < 0",
      styles:{prefix:"[", suffix:"]", foreground:"#FFFF0000", numberFormat:"#,##0;.;,;a" // 또는 numberFormat:"#,##0;a"}
      }]
     }])
     

   • 값이 음수인경우 글자색과 prefix, suffix를 지정하고 보여지는 값은 절대값으로 보여지도록 사용할수 있습니다.
2. CheckBar
   • CheckBar의 check표시를 Image를 이용해서 할수 있도록 개선되었습니다.
   • CheckBox.drawCheckBox 속성이 추가 되었습니다. false이면 CheckBox의 테두리를 그리지 않습니다.

     1
       gridView.setCheckBar({checkImageUrl:"./images/check.png", unCheckImageUrl:"./images/unCheck.png", drawCheckBox:false});
     

3. EditOptioins
   • 그리드의 첫번째 컬럼에 해당하는 셀에 포커스가 있는 상태에서 Shift+Tab키를 입력하면 이전행의 마지막 셀로 포커스가 이동하도록 개선되었습니다.
   • editOptions.crossWhenExitLast가 true인경우 적용됩니다.
4. DropDownCellEditor
   • DataColumn의 values와 labels의 값을 별도로 입력하던것을 한번에 입력가능하도록 lookupData속성이 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     var lookupDatas = [
      {value:"001", label:"일"},
      {value:"002", label:"이"},
      {value:"003", label:"삼"}
     ];
     gridView.setColumns([{
      name:"colName",
      fieldName:"fieldName",
      lookupData:{value:"value", label:"label", list:lookupDatas},
      // 또는 
      lookupData:lookupDatas,
      editor:{type:"dropdown"}
     }])
     

   • value와 label에 해당하는 JSON객체의 name을 지정합니다.
   • value에 해당하는 JSON객체의 name이 “value” 또는 “code”이고 label에 해당하는 JSON객체의 name이 “label” 또는 “text”인 경우에는 “value”와 “label”속성을 생략하고 lookupData에 JSON 배열을 지정할수 있습니다.
5. DynamicStyle
   • dynamicStyles.criteria를 RealGrid의 판정식이 아닌 javascript function으로 사용할수 있도록 개선되었습니다.
   • 하나의 셀이 그려지기 직전에 호출되기 때문에 화면에 셀이 많고 function내에서 실행되는 코드가 느린경우 그리드의 실행속도도 느려지게 됩니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     gridView.setColumns([{
      name:"colName",
      fieldName:"fieldName",
      dynamicStyles:function(grid, index, value) {
      if (value === "1" || value === "2") {
          var gubun = grid.getValue(index.itemIndex, "gubunField");
          if (gubun === "A") {
              return {foreground:"#FFFF0000"}
          }
      }
      }
     }]);
     

   • column.footer.dynamicStyles의 criteria를 function으로 지정하는 경우 index에 footerIndex가 추가됩니다.
   • 자세한 내용은 데모를 참조하세요
6. IconRenderer
   • iconCellRenderer의 icon을 지정하는 styles.iconIndex에 url을 입력할수 있도록 개선되었습니다.

     1
     2
     3
     4
     5
     6
     gridView.setColumns([{
     name:"colName",
     fieldName:"fieldName",
     styles:{iconIndex:'./images/icon.png'},
     renderer:{type:"icon"}
     }])
     

   • dynamicStyles를 이용하여 조건에 따라서 iconUrl을 변경할수 있습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     var func = function(grid, index, value) {
     switch(value) {
     case "1" : return {iconIndex:"./images/case1.png"};
     case "2" : return {iconIndex:"./images/case2.png"};
     case "3" : return {iconIndex:"./images/case3.png"};
     ...
     }
     };
     gridView.setColumns([{
     name:"colName",
     fieldName:"fieldName",
     dynamicStyles:func,
     renderer:{type:"icon"}
     }])
     

7. RowGroupOptions
   • RowGroupOptions.headerCallback의 인자에 grid가 추가되었습니다.

     1
       gridView.setRowGroup({headerCallback:function(groupModel, grid) { console.log(arguments) }});
     

8. CSV Export
   • Grid를 Excel csv파일로 export시 column의 정규식을 적용하여 export되도록 수정되었습니다.
9. GridExportOptions
   • Text 필드를 Excel로 Export시 수행되는 Callback함수가 추가 되었습니다.

     1
     2
     3
     4
     5
     6
     7
     gridView.exportGrid({
      type:"excel",
      target:"local",
      textCallback: function(itemIndex, column, value) {
      return value;
      }
     });
     

   • exportOptions.lookupDisplay가 true인경우 lookup이 적용된 text가 value로 전달됩니다.
   • column.displayRegExp가 설정되어 있는 경우 정규식이 적용된 text가 value로 전달됩니다.
10. MultiIconCellRenderer
    • 셀에 여러개의 icon과 Text를 표시할수 있는 Renderer가 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      gridView.setColumns([{
      name:"colName",
      fieldName:"fieldName",
      renderer:{
        type:"multiIcon",
        renderCallback:function(grid, index, value) {
        var icons = [];
        if (value === "1") {
            icons.push('./images/icon1.png');
        };
        if (value === "2") {
            icons.push('./images/icon2.png');
        }
        }
      }
      }])
      

    • 자세한 내용은 데모를 참조하세요
11. TreeView Check
    • TreeView의 Check가 Column Filtering시 해제되는 현상이 개선되었습니다.
    • TreeView를 정렬하거나 Filtering했을때 Checkable이 유지되지 않고 재 설정되는 현상을 수정하였습니다.
12. fitColumnWidth
    • TreeView의 첫번째 컬럼의 너비를 자동조정했을때 TreeExpander의 넓이가 계산되지 않는 현상이 개선되었습니다.
13. TreeView의 개별행높이 지정
    • treeView에서도 개별행높이를 변경할수 있도록 개선되었습니다.
14. EditMask
    • editMask가 설정된 셀편집기에 붙여넣기를 할때 복사된 문자열에 상관없이 editMask에 따라 붙여넣기가 되도록 개선되었습니다.
15. fitRowHeight
    • gridView.fitRowHeight를 이용해서 row의 높이를 변경할때 IconRenderer를 사용하는 Column을 제외하고 높이가 계산되는 현상이 개선되었습니다.
16. fillCsvData
    • csv의 data에 줄바꿈이 있는 경우에도 data를 정상적으로 가져오도록 수정되었습니다.
17. ExportGrid
    • DataType이 Number인 컬럼을 Excel로 Export할때 값이 없는 경우 공백문자가 출력되지 않도록 변경되었습니다.
18. ColumnFilter
    • ColumnFilter의 criteria에 데이터행의 상태를 가지는 “state”변수가 추가되었습니다.

오류 수정

1. mask
   • editor.mask에 placeHolder가 설정되고 includedFormat이 true일때 입력된 값이 placeHolder와 동일한경우 입력값이 사라지는 현상을 수정하였습니다.
2. fitRowHeightAll
   • Grid에 컬럼을 설정하기 전에 gridView.fitRowHeightAll를 호출하는 경우 오류가 발생하는 현상을 수정하였습니다.
3. RowGrouping
   • RowGrouping 상태에서 dataProvider.removeRow(1)를 실행하여 row를 삭제하는 경우 간헐적으로 오류가 발행하는 현상을 수정하였습니다.
4. ColumnGroup
   • ColumnGroup에 포함되어있는 컬럼의 넓이를 마우스를 이용하여 변경할때 컬럼의 넓이가 0이하로 줄어들면 사라지는 현상을 수정하였습니다.
5. PopupMenu
   • popupMenu 또는 contextMenu가 열린상태에서 선택된 menuItem이 없는 상태에서 Enter또는 Space키를 입력하면 오류가 발생하는 현상을 수정하였습니다.
6. ColumnHeader.tooltip
   • column.header.tooltip의 높이가 그리드 영역보다 크고 row가 없는 경우 발행하는 오류를 수정하였습니다.
7. LookupTree
   • LookupTree설정시 ordered가 true이고 LookupTree의 level이 3인경우 3level의 Label값이 중복되서 나오는 현상을 수정하였습니다.
   • ordered속성은 dropdown에 보여지는 값이 입력된 순서대로 보여지도록 하는 속성입니다.
8. TreeView Filtering일때 insertChildRow
   • TreeView가 Filtering상태일때 treeDataProvider.insertChildRow를 사용하여 row를 추가하는 경우 발생하는 오류를 수정하였습니다.
   • 추가된 Node가 Filtering에의해서 TreeView에서 보이지 않는 경우 발생하는 오류 입니다.
9. column.header.text
   • column.header.text가 문자가 아닌 숫자인 경우 화면에 표시되지 않는 현상을 수정하였습니다.
   • excel로 export할때 정상적으로 export되지 않는 오류를 수정하였습니다.
10. DataColumn
    • Column의 셀을 병합할때 200행 이후의 셀들은 병합되지 않는 현상을 수정하였습니다.
11. CheckBar
    • checkBar에 check를 한후 dataProvider.setRowCount를 실행하는 경우 check가 지워지는 현상을 수정하였습니다.
12. setColumn
    • gridView.columnByName(“colName”)으로 가져온 column의 editor를 변경후 gridView.setColumn(colInfo)을 사용했을때 column의 editor가 변경되지 않는 오류를 수정하였습니다.
13. onCurrentChanging
    • gridView.onCurrentChanging event에서 false를 return한후 그리드를 스크롤 했을때 선택영역이 사라지는 현상을 수정하였습니다.

1.1.27 (2018년 2월)

기능 개선

1. dataProvider Export
   • dataProvider의 Data를 csv파일로 생성할수 있는 기능이 추가되었습니다.
   • dataProviderExportOptions target: “remote” | “local” url: remote를 이용해서 파일을 생성하는 경우 url을 지정합니다.
     fileName: 저장하는 file명을 지정합니다.
     start: 시작 dataRow를 지정합니다. (LocalTreeDataProvider의 경우 전체행만 가능)
     count: export하려는 건수를 지정합니다.
     lfText: data에 줄바꿈이 있는 경우 변경할 문자를 지정합니다.
     crText: data에 줄바꿈이 있는 경우 변경할 문자를 지정합니다.
     exportFields: export할 field를 배열로 지정합니다.
     hideFileds: export하지 않을 field를 배열로 지정합니다.
     includeFieldName: fieldName을 포함할것인지 지정합니다. default는 false입니다.
   • exportFields가 지정된 경우 hideFields는 무시됩니다.

     1
     2
     3
     4
     5
     6
     dataProvider.exportToCsv({
       target:"local",
       fileName:"dataProvider.csv",
       exportFields:['field1','field2','field3'],
       includeFieldNames:true
     })
     

   • 자세한 내용은 ExportToCsv데모를 참조하세요.
2. TreeOptions
   • Expander가 표시되는 형태를 사용자의 이미지로도 표시할수 있도록 expandImage, collapseImage속성이 추가되었습니다.

     1
     2
     3
     4
     5
     treeVeiw.setTreeOptions({
       expandImage:"./images/treeExpand.png", 
       collapseImage:"./images/collapseImage.png", 
       lineVisible:false
     });
     

3. CheckCellRenderer
   • CheckCellRenderer의 shape속성이 box일때 테두리의 색상을 변경할수 있도록 수정되었습니다.
   • styles.line에 색상을 지정하여 checkBox의 색상을 변경할수 있습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     gridView.setColumns([{
       fieldName:"fieldName", 
       name:"colName", 
       editable:false,
       renderer:{
        type:"check", 
        shape:"box", 
        editable:true
       },
       styles:{
        line:"#FF00FF00"
       }
     }]);
     

4. SparkLineRenderer
   • SparkLineColumn이 있는 그리드를 Excel로 Export시 SparkLineColumn도 정상적으로 Export되도록 수정되었습니다.
   • GridExportOptions.exportSeriseColumn 속성이 추가되었습니다. true로 설정시 sparkLineColumn이 Excel로 export되며 false로 설정시 sparkLineColumn이 공백으로 export됩니다. default는 false입니다.
   • Excel2010부터 사용가능한 기능이기 때문에 이전버전의 엑셀에서는 빈 컬럼으로 보여집니다.

     1
     2
     3
     4
     5
     gridView.exportGrid({
       type:"excel",
       target:"local",
       exportSeriseColumn:true
     })
     

5. PasteOptions
   • Validation이 설정된 그리드에서 여러행을 붙여넣기시 Validation Error가 발생하는 경우 console에 표시되는 error를 표시하지 않도록 하는 throwValidationError 속성이 추가되었습니다.
   • 기본값은 true이며 false로 설정시 Validation Error가 발생하여도 console에 Error가 표시되지 않습니다.
6. CheckBar
   • checkBar에서 checkItem을 선택후 shift를 누른상태에서 다른 checkItem을 클릭하면 범위내에 있는 checkItem의 check상태가 처음선택된 checkItem의 선택되도록 수정되었습니다.
7. GroupingOptions
   • GroupPanel의 ColumnView 왼쪽에 표시되는 removeButton과 Text의 간격을 변경하는 buttonGap속성이 추가되었습니다.

     1
       gridView.setGroupingOptions({removeBotton:{visible:true, buttonGap:4}})
     

   • text가 ColumnView의 넓이보다 긴 경우에만 적용됩니다.
8. HideRow
   • dataProvider의 dataRow를 그리드에서 표시하지 않도록 하는 기능이 추가되었습니다.
   • dataProvider.hideRows함수를 이용하여 특정 dataRow를 화면에 표시되지 않도록 하거나 dataProvider.showHiddenRows함수를 이용하여 다시 화면에 표시되도록 할수 있습니다.
   • dataProvider.getHiddenRows 또는 dataProvider.isHiddenRow함수를 이용하여 숨겨진 dataRow들을 확인할수 있습니다.
   • dataProvider.resetHiddenRows함수를 이용하여 hideRows를 초기화 할수 있습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     /* dataRow를 숨길때 */
     dataProvider.hideRows([0,1]);
     /* dataRow를 다시 표시할때 */
     dataProvider.showHiddenRows([0,1]);
     /* 숨겨진 dataRow확인 */
     dataProvider.getHiddenRows(); 
     /* 숨겨진 dataRow확인 */
     dataProvider.isHiddenRow(0);
     /* 숨겨진 dataRow를 모두 다시 표시 */
     dataProvider.resetHiddenRows();
     

   • options.sortMode:”explicit”인경우 또는 options.filterMode:”explicit”인경우에는 showDataRows를 실행하면 sort또는 filter가 실행됩니다.
   • 자세한 내용은 HideRow데모를 참조하세요
9. ExportGrid
   • 그리드를 Excel로 Export시 현재 행높이가 적용되도록 수정되었습니다.
10. ToolTip
    • 컬럼의 너비보다 Text의 길이가 긴 경우에만 tooltip이 표시되도록 하는 tooltipEllipseTextOnly 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      gridView.setColumns([{
        fieldName:"fieldName",
        name:"colName",
        renderer:{
         type:"text", 
         showTooltip:true, 
         tooltipEllipseTextOnly:true
        }
      }]);
      

11. Styles.numberFormat
    • styles.numberFormat을 이용해서 소수를 표시할때 반올림하여 표시되는 것을 절사 또는 올림으로 표시할수 있도록 개선되었습니다.
    • “f”: 지정된 소수점이하 자리를 절사, “c”: 지정된 소수점이하 자리를 올림하여 표시합니다.
    • 실제 Data는 변경되지 않고 보여지는 값만 변경됩니다.

      1
      2
      3
      4
      5
      gridView.setColumns([
        {fieldName:"fieldNmae", name:"columnName", styles:{numberFormat:"#,##0.00;.;,;f"}}
        또는 
        {fieldName:"fieldName", name:"columnName", styles:{numberFormat:"#,##0.00;f"}}
      ])
      

12. 일부 브라우저에서 BackSpace입력시 이전페이지로 이동하는 현상을 개선하였습니다.
    • readOnly인 셀에서 backSpace를 입력시 IE 브라우저의 기본동작인 “이전페이지 이동”이 실행되지 않도록 변경되었습니다.
13. ImageButtonsCellRenderer
    • button을 위아래로 배치할수 있는 lineAlignment속성이 추가되었습니다.
    • button의 높이가 다르면서 lineAlignment가 far또는 near인경우 높이를 지정할수 있는 height속성이 추가되었습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var imageButtons = [ {
  name:"팝업",
  up:"./image/popup_normal.png",
  hover:"./image/popup_hover.png",
  down:"./image/popup_click.png",
  cursor:"pointer",
  width:25
},{
  name:"조회",
  up:"./image/search_normal.png",
  hover:"./image/search_hover.png",
  down:"./image/search_click.png",
  width:25
}];

gridView.setColumns([{
  fieldName:"fieldName",
  name:"colName",
  renderer:{
    type:"imageButtons",
    images:imageButtons,
    height:20
  }
}]);

오류 수정

1. Footer
   • 그리드 Footer의 셀을 merge할때 10개 이상의 컬럼이 merge되지 않는 현상을 수정하였습니다.
2. ColumnGrouping
   • ColumnGrouping상태에서 숨겨진 컬럼이 있는 경우 복사, 붙여넣기를 하면 숨겨진 컬럼까지 복사되거나 붙여넣기 되는 현상을 수정하였습니다.
3. ColumnFooter
   • ColumnFooter에 date가 표시되는 그리드를 excel로 export할때 발생하는 오류를 수정하였습니다.
4. SeriesTextCellRenderer
   • 시리즈 컬럼에 값이 즉시 반영되지 않는 오류가 수정되었습니다.
5. CheckBar
   • Paging되어있는 그리드에서 gridView.checkRow, gridView.checkRow로 CheckBar의 체크를 변경시 현재 페이지가 아닌 DataRow를 지정시 체크가 변경되지 않는 오류가 수정되었습니다.
   • 현재 페이지가 아닌 경우에도 gridView.isCheckedRow를 이용해서 체크여부를 가져올수 있도록 수정되었습니다.
6. ExcelMultiExport
   • RealGridJS.exportGrid를 이용해서 여러개의 그리드를 excel로 export할때 lookupDisplay 속성을 true로 해도 적용되지 않는 현상이 수정되었습니다.
7. RestoreMode
   • Tree그리드에서 restoreMode가 “explicit” 또는 “auto”인 상태에서 데이터를 변경후 restoreUpdatedRows를 이용해서 이전 값으로 복구하는 경우 자식행도 이전 값으로 복구되는 현상을 수정하였습니다.
8. 크롬브라우저에서 클릭시 스크롤 위치 오류
   • 크롬브라우저에서 그리드의 div태그를 감싸고 있는 div가 여러개 중첩되어있고 overflow가 발생한 경우 그리드를 클릭하면 그리드의 스크롤 위치가 변경되는 현상이 개선되었습니다.
9. DateCellEditor
   • dateEditor에서 잘못된 날짜를 입력했을때 공백이 표시되지 않고 원하지 않는 날짜가 입력되는 현상을 수정하였습니다.

1.1.26 (2017년 11월)

기능 개선

1. contextMenu
   • contextMenu 또는 PopupMenu의 item이 많은 경우 화면에 보여지는 item의 갯수를 변경할수 있도록 displayOptions.popupDropdownCount 속성이 추가 되었습니다.
2. copyOptions
   • Ctrl+C를 이용해서 복사할때 화면에 보여지는 대로 복사할수 있는 copyOptions.copyDisplayText속성이 추가 되었습니다.
3. CheckBar
   • checkBar Cell의 styles을 동적으로 변경할수 있도록 dynamicStyles 속성이 추가 되었습니다.
4. exportGrid
   • 여러개의 그리드를 excel로 Export할수 있도록 RealGridJS.exportGrid 함수가 추가되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     RealGridJS.exportGrid({
       type:"excel",
       target:"local",
       fileName:"test.xlsx",
       showProgress:false,
       done: function() {
       },
       exportGrids:[
       {
        grid:grid1,
        sheetName:"test1"
       }, {
        grid:grid2,
        sheetName:"test2"
       }
       ]
     })
     

   • GridExportOptions에 “sheetName” 속성이 추가되었습니다.
   • 자세한 내용은 ExcelMultiExport를 참조하세요.
5. BTDateCellEditor
   • BootStrap DatePicker를 이용한 Editor가 추가되었습니다.

     1
     2
     <script type="text/javascript"  src="./scripts/bootstrap-datepicker.js"></script>
     <script type="text/javascript"  src="./scripts/bootstrap-datepicker.ko.min.js"></script>
     

     1
     2
     3
     4
     5
     6
     7
     var btOptions = {
      startView: 1,
      minViewMode: 1,
      todayBtn: "linked",
      todayHighlight: true,
      language:"ko",
     }
     

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     gridView.setColumns([
       { 
      name:"column1",
      fieldName:"field1",
      editor:{
      type:"btDate",
      btOptions:btOptions,
      datetimeFormat:"yyyy-MM-dd"
      }
       }
     ])
     

6. getColumnProperty
   • getColumnProperty함수를 이용해서 column의 editor속성을 가져올수 있도록 개선되었습니다.
   • 기존함수와의 호환성을 위해서 “editorOptions”를 이용하여 editor의 속성을 가져올수 있습니다.

     1
       var editor = gridView.getColumnProperty("columnName", "editorOptions");
     

   • getColumns함수와 columnByName함수 등에서도 editorOptions속성으로 column Editor정보를 가져올수 있습니다.
7. mask
   • column Editor의 editMask를 “0000-00-00” 등과 같이 공백을 허용하지 않는 형식으로 지정했지만 data가 없는 경우 null로 처리하기 위해서 allowEmpty속성 추가

     1
     2
     3
     4
     5
     6
     7
     8
     9
     gridView.setColumns([
     { 
       name:"columnName", fieldName:"fieldName",
       editor:{
        type:"date",
        mask:{editMask:"0000-00-00", allowEmpty:true}
       }
     }
     ])
     

8. div element를 이용한 그리드 생성
   • div element의 id를 이용해서 그리드를 생성하는 것 외에 div element를 전달하여 그리드를 생성할수 있도록 개선되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     var gridView, dataProvider;
     window.onload = function() {
       var div = document.getElementById("divId");
       // 또는 
       var div = $("#bizPageName #gridView");
       div = div.length > 0 div[0] : null;
       if (div) {
      gridView = new RealGridJS.GridView(div);
       }
     }
     

9. buttonVisibility
   • button의 visible을 function의 결과값으로 변경할수 있도록 개선 되었습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     gridView.setColumns([
     { 
       name:"columnName",
       field:"fieldName",
       button:"action",
       buttonVisibility:function(grid, index, focused, mouseEntered) {
        var value = grid.getValue(index.itemIndex, index.column);
        return value == "버튼" && (focused || mouseEntered)
       }
     }])
     

10. ColumnFooter
    • ColumnFooter.callback함수의 인자에 grid가 추가되었습니다.
    • ColumnFooter.groupCallback함수의 인자에 grid와 groupModel이 추가 되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      gridView.setColumns([
      { 
        name:"column",
        fieldName:"field",
        footer:{
         callback:function(column, footerIndex, grid) {
         },
         groupCallback:function(itemIndex, column, grid, groupModel) {
         }
        }
      }
      ])
      

11. SeriesColumn
    • SeriesColumn에 표시되는 데이터의 구분자를 변경할수 있도록 valueSeparator 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      gridView.setColumns([
      { 
        name:"colSeries",
        fieldNames:"field1,field2,field3,field4",
        renderer:{
         type:"seriesText",
         valueSeparator:"~"
        } 
      }])
      

12. getCheckedRows
    • paging어 있는 그리드에서 현재 보여지고 있는 페이지 아닌 다른 페이지에 있는 Item이 체크되어있는 경우 체크되어있는 전체 dataRow를 가져올수 있도록 allRows인자가 추가되었습니다.
13. onColumnHeaderClicked
    • 컬럼 헤더를 클릭했을때 마우스 좌, 우 클릭을 구분할수 있도록 onColumnHeaderClicked함수의 인자로 rightClicked가 추가 되었습니다.
14. DateCellEditor
    • dateEditor에 년주차를 표시할수 있도록 showWeeks 속성이 추가되었습니다.
    • 년주차를 선택할수 있는 weekSelectable속성이 추가되었습니다.
    • dateEditor에서 시작 요일을 변경할수 있는 startWeek 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      dataProvider.setFields([
        {name:"text", dataType:"text"}
      ]);
      gridView.setColumns([
      { 
        name:"column",
        fieldName:"text",
        editor:{
         type:"date",
         showWeeks:true,
         weekSelectable:true
        }
      }
      ]);
      

    • dataType이 “date”인 컬럼의 경우 weekSelectable을 true로하여도 년주차를 선택할수 없습니다.
    • dataType이 “text”이고 editor의 weekSelectable이 true인경우 년주차 또는 일자를 선택하면 “201742”와 같은 형태로 선택값이 return됩니다.
    • CSS를 이용하는 경우 년주차Cell의 style을 변경할수 있도록 “rg-cal-year-weeks” class가 추가 되었습니다.
15. searchCell
    • field의 순서와 컬럼의 순서가 다르거나 하나의 필드가 여러개의 컬럼에 연결된 경우 지정된 컬럼의 순서대로 cell을 검색할수 있도록 SearchOptions에 columns가 추가되었습니다.
    • option에 fields가 있는 경우 columns는 무시됩니다.

      1
      2
      3
      4
      5
      6
        var columns = gridView.getColumnNames(true,true,true);
        var current = gridView.getCurrent();
        var startFieldIndex = columns.indexOf(current.column)+1;
        var startItemIndex = current.itemIndex;
        var value = "검색조건";
        gridView.searchCell({columns:columns, value:value, startItemIndex:startItemIndex, startFieldIndex:startFieldIndex});
      

16. exportGrid
    • gridView의 data를 csv파일로 내보낼수 있는 기능이 추가되었습니다.

      1
        gridView.exportGrid({type:"csv", target:"local", fileName:"test.csv"});
      

    • csv파일로 export할때 columnGroup은 해제되어 표시됩니다.
    • “remote”를 이용하는 경우 response header의 “Context-Type”을 “text/csv”로 변경하여야 합니다.
17. ImageButtonsCellRenderer
    • imageButtonsCellRenderer가 표시하는 버튼의 위치를 변경할수 있도록 alignment속성이 추가되었습니다.
    • button별로 cursor를 변경할수 있도록 cursor속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
        var imageButtons = [
       { name:"조회",
         up:"./image/search_normal.png",
         hover:"./image/search_hover.png",
         down:"./image/search_click.png",
         cursor:"pointer",
         width:45
       }
        ];
        gridView.setColumns([
       { name:"column",
         fieldName:"fieldName",
         renderer:{type:"imageButtons", editable:false, alignment:"center"}
       }
        ])
      

    • alignment가 “near”또는 “center”인경우는 editor를 사용할수 없습니다.
18. DataColumn
    • column button의 cursor를 변경할수 있도록 buttonCursor 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
        gridView.setColumns([
       { name:"column",
         fieldName:"fieldName",
         button:"action",
         buttonCursor:"pointer"
       }
        ])
      

19. getColumnNames
    • 화면에 보이는 컬럼만 가져오도록 하는 visibleOnly인자가 추가되었습니다.
    • 사용자가 컬럼의 순서를 변경한 경우 화면에 보이는 순서대로 컬럼명을 가져올수 있도록 ordered인자가 추가 되었습니다.
20. PasteOptions
    • 대량데이터를 붙여넣기 할때 gridView가 refresh되면서 시간이 오래 걸리는 현상을 개선하기 위해서 noDataEvent속성이 추가 되었습니다.
    • pasteOptions.noDataEvent를 true로 설정하고 여러줄의 Data를 붙여넣기 하는 경우 붙여넣기를 하는 중에는 refresh되지 않습니다.
21. NumberCellEditor
    • numberCellEditoir에서 정수부의 최대길이를 지정할수 있는 maxIntegerLength 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      gridView.setColumns([
      { 
       name:"column",
       fieldName:"field",
       editor:{  
         type:"number",
         editFormat:"#,##0.00",
         maxIntegerLength:5
       }
      }
      ]);
      

오류 수정

1. HeaderSummary
   • headerSummary의 속성을 설정하는 순서에 따라 일부 속성이 적용되지 않는 오류를 수정하였습니다.

     1
     2
     3
     4
     5
     6
     7
       gridView.setHeader({
      summary:{
        visible:true,
        mergeCells:["column1","column2","column3"],
        styles:{background:"#40c0c000"}
      }
       })
     

2. DateCellEditor
   • dataType이 “text”인 column의 editor가 dateEditor이면서 mask가 설정되어있을때 정상적으로 입력되지 않는 오류를 수정하였습니다.

     1
     2
     3
     4
     5
     6
     7
     8
     9
     10
     11
     12
       gridView.setColumns([
      { name:"column",
        fieldName:"textField",
        editor:{
      type:"date",
      mask:{
        editMask:"9999-99-99"
      },
      datetimeFormat:"yyyyMMdd"
        }
      }
       ])
     

3. CheckCellRenderer
   • 하나의 셀을 선택후 shift키를 누른상태에서 checkCellRenderer를 가지는 컬럼의 셀을 마우스로 클릭하는 이전에 선택된 셀의 값이 변경되는 현상을 수정하였습니다.
4. SaveColumnLayout
   • 첫번째 컬럼이 숨겨져있을때 컬럼의 위치를 이동하고 saveColumnLayout함수를 이용하여 column정보를 가져오면 컬럼의 순서가 달라지는 현상을 수정하였습니다.
5. 모바일그리드
   • 모바일 그리드에서 마지막 행이 표시될때 스크롤 하면 페이지가 스크롤 되도록 개선되었습니다.
6. Cell Editor
   • Chrome Brower에서 searchEditor가 활성화 된 상태에서 엔터키 입력시 onEditSearch 이벤트의 text인자에 비정상적인 값이 넘어오는 현상을 수정하였습니다.
7. DataColumn
   • displayOptions.hintDuration이 설정된 상태에서 column.cursor를 지정하여 컬럼별로 커서를 변경하는 경우 hintDuration만큼 지연되어 변경되는 현상을 수정하였습니다.
8. ColumnFooter
   • rowGrouping상태이면서 rowGroup이 접혀져 있는 그리드를 엑셀로 export시 footer.groupCallback 함수의 footerIndex가 -1로 전달되어 footer를 찾지못하는 현상이 있습니다.
   • footer의 GroupModel을 groupCallback의 인자로 추가 하여 group의 값을 참조할수 있도록 수정하였습니다.

1.1.25 (2017년 8월)

기능 개선

1. searchCell
   • gridView.searchCell을 이용해서 date형식의 자료를 찾을 때 일부만 입력하여 검색가능하도록 개선되었습니다.
   • 구분자는 “.”, “-“, “/”를 사용할 수 있으며 구분자 없이 “201708”형태로도 검색 가능합니다.

     1
       gridView.serachCell({fields:["dateField1", "dateField2"], value:"2017-08", partialMatch:true})
     

2. NumberCellEditor
   • numberCellEditor에서 숫자 중간에 입력하는 경우 caret이 끝으로 이동하지 않도록 개선되었습니다.
3. clearInvalidCellList
   • validation이 실패한 셀의 목록을 초기화 할 수 있는 clearInvalidCellList함수가 추가되었습니다.
4. ColumnHeader
   • ColumnHeader의 image를 클릭 시 발생하는 onColumnHeaderImageClicked 이벤트가 추가되었습니다.
5. onBodyEmptyClicked
   • 그리드의 빈 영역을 클릭했을 때 발생하는 onBodyEmptyClicked 이벤트와 onBodyEmptyDblClicked이벤트가 추가되었습니다.
6. DynamicStyle
   • 변경된 cell의 style을 변경할 수 있도록 Expression에 “changedcell” 조건이 추가되었습니다.
   • changedcell조건을 사용하기 위해서는 DataProvider.restoreMode속성이 “explicit”이거나 또는 “auto”이어야 합니다.

     1
     2
     3
     4
     5
     6
     dataProvider.setOptions({restoreMode:"explicit"});
     gridView.setStyles({
      body:{
        cellDynamicStyles:[{criteria:"changedcell", styles:{figureName:"leftTop", figureBackground:"#FF00ebeb", figureSize:"20%"}}];
      }
     });
     

   • Column별로 style을 변경하는 경우 column.dynamicStyles를 이용합니다.

     1
       gridView.setColumnProperty("columnName", "dynamicStyles", [{criteria:"changedcell", styles:{figureName:"leftTop", figureBackground:"#FF00ebeb", figureSize:"20%"}}]);
     

   • 자세한 내용은 DynamicStylesonColumns데모를 참조하세요.
7. GridExportOptions
   • 그리드를 Excel로 Export할 때 checkBar에 체크된 행만 Export할수 있도록 GridExportOptions.onlyCheckedItems 속성이 추가되었습니다.
   • 그리드가 RowGrouping상태이거나 TreeGrid의 경우에는 적용되지 않습니다.
   • Column.Header.subText가 있는 경우 subText도 출력되도록 수정되었습니다. (subTextStyle의 경우는 적용되지 않습니다)
8. GridView.collapseAll
   • 그리드가 rowGrouping상태일때 모든 Group을 접도록 하는 collapseAll 함수가 추가되었습니다.

     1
       gridView.collapseAll(true);
     

   • 특정 Level까지의 Group을 펼치도록 하는 expandAll함수가 추가되었습니다.

     1
     2
     3
       var fieldName = gridView.getCurrent().fieldName;
       var level = gridView.getGroupFieldNames().indexOf(fieldName.toUpperCase());
       level >= 0 && gridView.expandAll(level+1);
     

9. DataColumn
   • DataColumn.equalBlank가 true이고 셀이 merge된 상태에서 세로스크롤시 텍스트가 사라지지 않고 계속 표시되도록 수정되었습니다.
10. Mobile Edit
    • MobileGrid에서도 제한적인 편집이 가능하도록 수정되었습니다.
    • MobileGrid의 setEditOptions.editable의 Default값은 false입니다.(true설정 시 Mobile편집 가능)
    • cell을 doubleTouch하면 편집상태로 변경이 됩니다.
    • dropdownEditor, dateEditor의 경우 cell을 선택후 editButton을 touch하면 편집상태로 변경됩니다.
11. DisplayOptions
    • DisplayOptions.rowFocusOption 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      gridView.setDisplayOptions({
       rowFocusOption:{
         visible:true,
         rowFocusMask:"row",
         styles:{
           background:"11008484",
           border:"#441212Fb,2"
         }
       }
      });
      

    • 이전버전의 DisplayOptions.rowFocusVisible, DisplayOptions.rowFocusMask, DisplayOptions.rowFocusBackground를 대체하는 속성입니다.
12. DisplayOptions
    • progressView의 스타일을 사용자가 지정할수 있도록 DisplayOptions.useCssStyleProgress 속성이 추가되었습니다.
    • progressView가 생성되기전에 useCssStyleProgress를 true로 설정해야 적용됩니다.

      1
      2
      3
        gridView.setDisplayOptions({useCssStyleProgress:true});
        gridView.showProgress();
        gridView.setProgress(min, max, position, "progress Message");
      

    • 자세한 내용은 CSSStyles데모를 참조하세요.
13. onGridActivated
    • 그리드를 클릭하거나 gridView.setFocus()를 이용하여 그리드에 포커스를 이동시키면 발생하는 onGridActivated 이벤트가 추가되었습니다.

      1
      2
      3
      gridView.onGridActivated = function(grid) {
       window.activeGrid = grid;
      }
      

    • RealGridJS.getActiveGrid 함수가 추가되었습니다. 화면에 여러개의 그리드가 있는 경우 마지막으로 포커스를 가진 그리드를 반환합니다.
    • div tag를 이용해서 tab화면을 구성한 경우 tab을 변경하여도 그리드가 focus를 가지기 전까지는 이벤트가 발생하지 않습니다.
14. ImageButtonsCellRenderer가 추가되었습니다.
    • 조건에 따라 서로다른 이미지 버튼을 보여줄수 있는 ImageButtonosCellRenderer가 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      var imageButtons1 = [{
       name:"zoomin",
       up:"./image/zoomin.png",
       width:16
      }];
      var imageButtons2 = [{
       name:"zoomout",
       up:"./image/zoomout.png",
       width:16
      }];
      gridView.addCellRenderers([{
       "id":"buttons1",
       "type":"imageButtons",
       "images": imageButtons1
       },{
       "id":"buttons2",
       "type":"imageButtons",
       "images": imageButtons2
      }]);
      gridView.setColumns([{
       name:"column1",
       fieldName:"field1",
       dynamicStyles:[{
        criteria:["value = 'A'", "value = 'B'"],
        styles:["renderer=buttons1", "renderer=buttons2"]
       }]
      }]);
      

      자세한 내용은 셀 버튼데모를 참조하세요.

15. DataProvider.searchData
    • gridView.searchItem과 유사한 역활을 하는 dataProvider.searchDataRow함수가 추가되었습니다.
    • gridView.searchCell과 유사한 역활을 하는 dataProvider.serachData함수가 추가되었습니다.
      자세한 내용은 트리뷰 노드 검색하기데모를 참조하세요.
16. GroupingOptions
    • rowGroup을 해제할수 있는 removeButton 속성이 추가되었습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      gridView.setGroupingOptions({
       removeButton:{
         visible:true,
         color:"#FF00FFF0",
         hoveredColor:"#FFFF000F",
         size:12
       }
      });
      

    • removeButton.visible이 true인 경우 groupPanel의 ColumnView의 오른쪽에 “X”표시가 생성되며 클릭시 해당 column은 rowGroup에서 제외됩니다.
17. ColumnHeader
    • column의 Header에 popupButton이 추가되었습니다.
    • popupMenu를 그리드에 추가한후 popupMenu명을 Column.Header.popup에 등록한후 사용할수 있습니다.
    • Column.Header.popup을 직접 정의하여 사용할수 있습니다.

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      var menu = [{
       label: "menu1 입니다.",
       enabled: true,
       children: [{
        label: "submenu1 입니다.",
        callback:function(grid, index){console.log(index)}
       }, {
        label: "submenu2 입니다."
       }]
       }, {
        label: "menu2 입니다",
        enabled: false
      }];
      gridView.addPopupMenu("menu1", menu);
      gridView.setColumns([{
       name:"column1", fieldName:"fieldName1",
       header:{
        popupMenu:"menu1"
       }
      },{
       name:"column2", fieldName:"fieldName2",
       header:{
        popupMenu:[{label:"popupMenu", callback:function(grid, index){console.log("test")}}]
       }
      }]);
      

    • ColumnHeaderOptions에 popupMenu관련 속성이 추가되었습니다.
    • popupMenuColor: popupMenuButton의 색상을 입력합니다.
    • hoveredPopupMenuColor: MouseOver시 popupMenuButton의 색상을 입력합니다.
    • popupMenuWidth: popupMenuButton의 넓이를 입력합니다.

      1
      2
      3
      4
      5
      gridView.setColumnHeaderOptions({
       popupMenuWidth:12,
       popupMenuColor:"#ff696969",
       hoveredPopupMenuColor:"#FFFF0000"
      });