RealGrid2 가이드
셀 구성요소
화면 표시값 변경하기

화면 표시값 변경하기

리얼그리드는 실제 데이터 값과 상관없이 화면에 표시되는 값을 변경할 수 있는 몇가지 기능을 제공합니다.
이 기능은 화면에 표시되는 값만 변경되는 것이지 실제 데이터 값은 변경되지 않습니다.

  1. 정규식을 사용하여 변경
  2. displayCallback을 사용하여 변경
  3. 코드값을 라벨값으로 변경하여 보여줄 수 있는 lookupDisplay를 사용하여 변경

이 데모에서는 1, 2번에 대해서만 설명 합니다.
lookupDisplay에 대한 기능은 아래 링크를 참고하세요.

정규식 표현

var columns = [
  ...
{
  "name": "OrderID",
  "fieldName": "OrderID",
  "width": "150",
  "header": {
    "text": "정규식",
    "styleName": "orange-column"
  }, 
  "editor": {
    "mask": {
      "editMask": "0000-0000-0000-0000"
    }
  },
  "textFormat": "([0-9]{4})([0-9]{4})([0-9]{4})([0-9]{4});$1-$2-$3-$4"
}
  ...
];
 
gridView.setColumns(columns);

displayCallback

var columns = [
  ...
{
  "name": "OrderID",
  "fieldName": "OrderID",
  "width": "150",
  "header": {
    "text": "정규식",
    "styleName": "orange-column"
  }, 
  "editor": {
    "mask": {
      "editMask": "0000-0000-0000-0000"
    }
  },
  "displayCallback": function(grid, index, value) {
    var tmp = '';
    tmp += value.substr(0, 4);
    tmp += '-';
    tmp += value.substr(4, 4);
    tmp += '-****-****';
 
    return tmp;
  }
}
  ...
];
 
gridView.setColumns(columns);