안녕하세요 메시어스입니다.
문의하신 내용에 대해서 안내드립니다.
1. formatting 설정 문의
=> column의 format 속성을 이용하여 숫자에 구분자를 설정할 수 있습니다. 아래 코드 및 데모를 참고하여 주시기 바랍니다
- 날짜 및 숫자 서식 데모
var grid = new wijmo.grid.FlexGrid("#theGrid", {
autoGenerateColumns: false,
columns: [{ binding: "sales", dataType: "Number", format: "n2" }],
2. 동적으로 값 설정
=> 행들의 값을 합산하여 특정 위치의 행에 해당 결과 값을 표시하고 싶으신 경우, 셀이 생성될 때 발생되는 formatItem 이벤트와 셀에 데이터를 설정하는 setCellData 메서드를 이용하시면 됩니다. 아래 데모 및 코드를 참고하여 주시기 바랍니다.
- 조건부 스타일 지정 데모
var grid = new wijmo.grid.FlexGrid("#grid", {
(....)
formatItem: function (s, e) {
if (e.panel == s.cells) {
var col = s.columns[e.col];
// 패널의 영역이 셀이면서 바인딩된 열이 sales 이며 행의 인덱스가 2
if (col.binding === "sales" && e.row === 2) {
// 할당할 값 계산 및 할당
var val =
s.rows[e.row - 1].dataItem.sales + s.rows[e.row - 2].dataItem.sales;
s.setCellData(e.row, e.col, val, false, false);
}
}
},
itemsSource: data,
});
더불어 현재 고객님이 사용 중인 버전이 2017 v3로 확인됩니다. 해당 버전이 출시된 이래로 Wijmo에 많은 업데이트가 있었습니다. 현재 최신 버전의 경우, 2023 v2(5.20232.939)이며 높은 퍼포먼스와 다양한 기능들을 지원하는 Wijmo 최신 버전으로 업그레이드하여 사용해보시기 추천드립니다.
아래 Wijmo의 버전별 새롭게 추가된 기능과 관련된 문서를 공유드리오니 참고 부탁드립니다.
- 새로운 소식
감사합니다.
메시어스 드림