안녕하세요 그레이프시티입니다.

문의에 대한 답변을 드립니다.

1. 이렇게 되었을 경우  그리드에는 a, b 컬럼이 있지만 c라는 컬럼이 없어서 위에 예저 처럼 동작하지 않습니다. 어떻게 구현이 되야 하는지 혹은 정렬에 따라 변경되는 행의 위치를 어떻게 찾을 수 있는지 문의합니다.

=> 해당 문의의 경우, formatItem 이벤트 내에서 그리드의 row의 dataItem을 통해 행의 값을 가져올 수 있습니다. dataItem은 항목이 바인딩된 데이터 컬랙션의 아이템을 가져오거나 설정할 수 있는 속성으로 그리드 행에 대한 정보를 가져올 수 있습니다. 아래 코드를 참고하시길 바랍니다.

if (e.panel == s.cells) {
      let col = s.columns[e.col];
     if(col.binding ==="sales"){
        if(s.rows[e.row].dataItem.color=== "Red"){
          grid.setCellData(e.row,e.col,"-1")
          wijmo.addClass(e.cell,"wj-red")
        }
}     

위 코드는 sales 열에 바인딩된 셀에 대해서 해당 행의 dataItem의 color 값이 red인 경우를 체크하는 코드입니다.

dataItem : https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.row.html#dataitem

2. 위에서 처럼 color의 값이 red 라고 판단이 되어 해당 데이터의 값을  * -1 처럼 원래 데이터가 아니라 데이터를 변경하여 표시도 가능 한지 문의합니다.

=> 기능을 구현하기 위해서 dataItem을 통해 값을 체크 후,setCellData로 값을 지정해주시길 바랍니다. 추가적으로 addClass를 이용하여 셀에 클래스(위 코드의 경우, wj-red)를 설정하여 배경색을 지정할 수 있으니 참고하시길 바랍니다.

다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 

감사합니다. 

그레이프시티 드림 

* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.