! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

그리드 체크박스에 체크 후 수정하면 체크가 풀리는 현상 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 그리드 체크박스에 체크 후 수정하면 체크가 풀리는 현상

페이지 정보

작성자 토끼바람 작성일 2021-11-22 14:37 조회 3,219회 댓글 3건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

그리드에서 앞에 체크 박스를 두고 체크를 한다음에

그리드의 데이터를 편집하면 수정 표시가 나왔다가 다른 행을 선택하면 체크가 풀린상태가 됩니다.


체크는 체크이고 수정표시는 수정표시라서 따로 동작하게 하고 싶은데 이런 현상을 해결할 수 있는 방법이 있나요?

1. 체크를 하고 수정을 해도 수정 표시를 하지 않고 그냥 체크를 유지

2. 체크를 하고 수정이 표시된 후에 다른 행을 선택 할 때 기존에 체크 박스에 체크를 유지 


1번과 2번 각각의 구현이 가능한지 문의 드립니다.


감사합니다.


  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

GCK루시님의 댓글

GCK루시 작성일

@토끼바람님 안녕하세요 그레이프시티입니다.

문의 주신 내용을 답변 드리기 앞서 확인할 사항이 있어 답글 드립니다.
1. 그리드에서 앞에라고 하셨는데 이는 새롭게 rowHeader를 추가하셨다는 말씀인지 단순히 0번째 열을 의미하는 것일까요?
2.더불어 체크박스를 두고 라고 언급하셨는데 Selector 인스턴스를 생성했다는 것인지 단순히 체크박스 형태를 가진 boolean 타입을 가진 열을 추가를 하셨는지 답변 부탁 드립니다. 
자세한 시나리오를 공유해 주신다면 더 정확한 답변이 가능하오니 내용 확인 후, 회신 부탁 드립니다.

감사합니다.
그레이프시티 드림

토끼바람님의 댓글

토끼바람 작성일

import { FlexGrid} from '@grapecity/wijmo.react.grid';                          // 컬럼
import { FlexGridFilter } from "@grapecity/wijmo.react.grid.filter";            // 필터
import { Selector } from "@grapecity/wijmo.grid.selector";                      // 체크

...
const initGrid=(sender)=>{
...

        
        // 체크 박스 생성
        itemGridSelector = new Selector(sender, {});
        itemGridSelector.column = sender.rowHeaders.columns[0];
        
        // 체크 박스 후 범위 선택을 하려면 별도 설정 필요
        sender.selectionMode = 6;
    }

....

 <FlexGrid 
headersVisibility="All"                // All None, Column Row
selectionMode={3}
columnGroups={gridColGroup}             // 그리드 포멧
itemsSource={gridBodyData}              // 바인딩할 데이터
initialized={initGrid}                  // 그리드 초기 이벤트 및 등록 처리
>
<FlexGridFilter />
</FlexGrid>

GCK루시님의 댓글의 댓글

GCK루시 작성일

@토끼바람님 안녕하세요 그레이프시티입니다.

현재 문의 주신 내용은 확인 중에 있으며 업데이트 되는 대로 안내 드릴 수 있도록 하겠습니다.

감사합니다.
그레이프시티 드림

1 답변

ReactJS Re: 그리드 체크박스에 체크 후 수정하면 체크가 풀리는 현상

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2021-11-30 09:57 댓글 0건

본문

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


먼저 답변이 지연된 점 죄송합니다.

1. 체크를 하고 수정을 해도 수정 표시를 하지 않고 그냥 체크를 유지

=> 해당 기능을 구현하기 위해서는 formatItem 이벤트 내에서 행 헤더에 체크박스를 추가하여 편집 시에도 체크박스가 나타날 수 있도록 설정해 주시기 바랍니다. 아래 샘플을 참고하시기 바랍니다.


 


2. 체크를 하고 수정이 표시된 후에 다른 행을 선택 할 때 기존에 체크 박스에 체크를 유지 

=> 해당 문의에 대한 샘플 또한 전달 드리며 수정 아이콘이 표시된 후에도 체크박스 상태가 유지되는 것을 확인하실 수 있습니다.

 


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


감사합니다. 

그레이프시티 드림 



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

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.