안녕하세요 메시어스입니다.
문의하신 내용에 대해 안내드립니다.
1. grid 정보를 참조하는 방법
=> Selector 는 FlexGrid를 인자 값으로 전달하여 Selector를 생성합니다. 따라서 gridRef를 이용하여 Grid를 참조하고 싶으신 경우, 별도 변수를 두어 Selector의 인스턴스를 저장해주신 다음 이전에 안내드린 것처럼 gridRef.current에 그리드 인스턴스를 저장 및 참조해주시는 것을 추천드립니다.
아래 코드 및 데모를 확인하시길 바랍니다.
const selectorRef = useRef(null);
const gridRef = React.useRef();
const initializedGrid = useEvent((flex) => {
gridRef.current = flex;
selectorRef.current = new Selector(grid);
});
- 체크박스 선택 데모
2. gridRef.current 에서 columnFooters 정보를 참조하는 방법
=> 앞서 언급드린 방법으로 gridRef.current에 그리드 정보를 저장한 다음, 아래 코드와 같이 columnFooters 속성을 이용하시면 됩니다. 더불어 일반 속성의 경우, 대부분 API 문서에서 쉽고 빠르게 확인할 수 있으니 참고 부탁드립니다.
- columnFooters API 문서
const initializedGrid = useEvent((flex) => {
flex.columnFooters.rows.push(new wjcGrid.GroupRow());
flex.bottomLeftCells.setCellData(0, 0, 'Σ');
gridRef.current = flex;
});
return (<div className="container-fluid">
<button onClick={()=>console.log(gridRef.current.columnFooters)}>click</button>
3. columnFooters 영역 병합
=> 이전에 안내드렸던 TopLeft 영역을 병합하는 것과 마찬가지로 mergeManger를 이용하여 구현할 수 있습니다. 아래 참고 글을 공유드리오니 확인 부탁드립니다.
- 위즈모 합계관련하여 문의드립니다.
다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
메시어스 드림