화면 표시값 변경하기
리얼그리드는 실제 데이터 값과 상관없이 화면에 표시되는 값을 변경할 수 있는 몇가지 기능을 제공합니다.
이 기능은 화면에 표시되는 값만 변경되는 것이지 실제 데이터 값은 변경되지 않습니다.
※ displayCallback안에서 시간이 오래 걸리는 연산이나 setValue()등 값을 변경하는 행위를 하면 안됩니다.
- 정규식을 사용하여 변경
- displayCallback을 사용하여 변경
- 코드값을 라벨값으로 변경하여 보여줄 수 있는 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);