작성일 2022-12-07 13:35 조회 1,136회
댓글 1건
안녕하세요 wijmo Flex Grid 문의 사항 입니다.
위 그림처럼 조회 후 data를 가져왔을 때 해당 row를 마우스로 클릭 시 디테일 부분에 해당 로우 값만 표시하고 싶습니다.
첫번째 이미지를 스크린샷하기 위해 작성한 소스 입니다.
작성일
1 답변
작성일 2022-12-08 13:50 댓글 1건
안녕하세요 그레이프시티입니다.
문의 주신 FlexGrid 의 특정 열 클릭 시, 해당 열의 내용을 다른 FlexGrid 에 표시하는 방법에 대해 답변 드립니다.
FlexGrid 의 initialized 이벤트에 특정 열 클릭 시 selectedItems 속성의 값을 불러와 해당 값을 다른 FlexGrid 의 itemsSource 속성 값으로 지정하는 코드를 구현하시면 됩니다.
아래의 코드를 참고해 보시기 바랍니다.
function initialized(grid) {
// grid : 마스터 그리드
// refGrid : 마스터 그리드에서 선택된 열의 상세 내용을 나타내는 그리드
setGrid(grid);
grid.addEventListener(grid.hostElement, "click", (e) => {
let ht = grid.hitTest(e);
// 선택된 곳이 셀이거나 행 헤더일때
if (ht.panel.cellType === 1 || ht.panel.cellType === 3) {
let selectedItem = grid.selectedItems;
refGrid.current.control.itemsSource = selectedItem;
}
});
}
...
return (
<div className="App">
<div className="container-fluid">
{/* 마스터 그리드 */}
<FlexGrid
isReadOnly={true}
selectionMode="Row"
itemsSource={source}
initialized={initialized}
>...</FlexGrid>
{/* 상세 내역을 나타내는 그리드 */}
<FlexGrid
ref={refGrid}
isReadOnly={true}
selectionMode="Row"
></FlexGrid>
...API 문서를 공유 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다.
감사합니다.
그레이프시티 드림
작성일
