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

FlexGrid에서 itemsSource 에 변경사항을 알 수 있는 방법이 있나요? > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS FlexGrid에서 itemsSource 에 변경사항을 알 수 있는 방법이 있나요?

페이지 정보

작성자 이용태 작성일 2020-10-24 14:10 조회 4,102회 댓글 0건
제품 버전 : 모름
컨트롤 이름 : FlexGrid

본문

문의사항은 아래와 같습니다. 


1. FlexGrid에서 그리드에 데이터가 수정되었는지 상태를 알수 있는 방법

   - 수정되었을 경우 그리드에 표시를 할 목적


2. 수정이 되었다면 수정 전 데이터를 알 수 있나요?


3. 서버에 저장 시 수정된 레코드만 전송하기 위해 Row item을 추출하는 방법


4. 삭제 시 삭제된 row item을 알 수 있는 방법

   - 삭제된 데이터를 알 수 있는 방법이 없어 삭제 전 Row 정보를 임시 객체에 저장을 할까 생각하는데 위즈모에서 제공되는 방법이 있을 거 같아서요.


5. FlexGrid에서 Row번호 자동 생성하는 속성이 있나요? 생성된다면 번호가 순방향, 역방향 설정은 가능한가요?


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

댓글목록

등록된 댓글이 없습니다.

2 답변

PureJS Re: FlexGrid에서 itemsSource 에 변경사항을 알 수 있는 방법이 있나요?

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

페이지 정보

작성자 GCK루시 작성일 2020-10-27 16:02 댓글 0건

본문

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


문의 주신 사항에 대해 답변 드리도록 하겠습니다. 

또한 문의 하단에 샘플 링크를 첨부하였으니 확인하여 주시기 바랍니다!




1. FlexGrid에서 그리드에 데이터가 수정되었는지 상태를 알수 있는 방법

   - 수정되었을 경우 그리드에 표시를 할 목적

=>  FlexGrid의 cellEditEnding 이벤트를 통해 수정되기 이전 값과 비교하여 수정이 되었다면 행의 cssClass라는 속성을 통해 클래스 이름을 할당해줄 수 있습니다. 이를 통해 데이터가 수정된 행의 경우, 별도의 Class를 가지고 있으므로 CSS를 설정해주신다면 수정된 데이터를 사용자 지정하여 표시할 수 있게 됩니다. 


[cssClass]

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


2. 수정이 되었다면 수정 전 데이터를 알 수 있나요?

=> 위와 언급했듯이 cellEditEnding 이벤트를 통해 데이터를 파악할 수 있습니다. 

cellEditEnding  이벤트는 셀 이벤트가 끝나는 시점에서 발생되는 이벤트로 유효성 검사를 도와주는 이벤트이기도 합니다. cellEditEnding  이벤트에서 수정하기 전 값을 getCellData 메서드를 통해 행과 열의 인덱스를 넣어 가져올 수 있습니다.


[cellEditEnding]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#celleditending 


3. 서버에 저장 시 수정된 레코드만 전송하기 위해 Row item을 추출하는 방법

=> 이는 Wijmo의 CollecitonView의 trackChanges라는 속성을 true로 설정하면 수정, 추가, 삭제된 아이템들을 업데이트하고 정보들을 가져올 수 있습니다. 


[trackChanges]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo.collectionview.html#trackchanges


[itemsEdited]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo.collectionview.html#itemsedited 


4. 삭제 시 삭제된 row item을 알 수 있는 방법

   - 삭제된 데이터를 알 수 있는 방법이 없어 삭제 전 Row 정보를 임시 객체에 저장을 할까 생각하는데 위즈모에서 제공되는 방법이 있을 거 같아서요.

=> 이 또한 CollecitonView의 trackChanges라는 속성을 true로 지정하시고 collectionView의 itemsRemoved를 통해 삭제된 데이터들에 대한 정보를 배열로 가져오실 수 있습니다. 샘플에서  행을 선택한 후, backspace 키를 눌러 행을 지운 후, 아래 그리드에 삭제된 데이터가 나오는지 확인하여 주시기 바랍니다.


[itemsRemoved]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo.collectionview.html#itemsremoved 


5. FlexGrid에서 Row번호 자동 생성하는 속성이 있나요? 생성된다면 번호가 순방향, 역방향 설정은 가능한가요?

=> 현재 이 문의와 관련해서 확인 중에 있으며 확인되는 대로 최대한 빠르게 답변 드리도록 하겠습니다. 답변이 늦어지는 점에 대해 죄송합니다.


[샘플 링크]

https://codepen.io/GrapeCity-Korea/pen/zYBZgVj 



샘플링크와 각각 도움말 링크를 함께 전달드리오니 확인하여 주시기 바랍니다.


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



감사합니다.


그레이프시티 드림


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


댓글목록

등록된 댓글이 없습니다.

PureJS Re: FlexGrid에서 itemsSource 에 변경사항을 알 수 있는 방법이 있나요?

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

페이지 정보

작성자 GCK루시 작성일 2020-10-28 11:52 댓글 0건

본문

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


5. FlexGrid에서 Row번호 자동 생성하는 속성이 있나요? 생성된다면 번호가 순방향, 역방향 설정은 가능한가요? 

=> itemFormatter 또는 formatItem 이벤트를 통해서 Row 번호를 생성할 수는 있습니다.  formatItem은 셀을 나타내는 요소가 생성될 때 발생하는 이벤트입니다. 아래 코드는 theGrid라는 이름을 가진 FlexGrid에 formatItem 로 행의 헤더에 숫자를 추가해주는 코드입니다.  또한 내림차순을 구현하기 위해서는 FlexGrid의 행의 길이에서 현재 행의 번호를 빼주는 방법을 사용하실 수 있습니다.

    theGrid.formatItem.addHandler((s, e) => {
        if (s.rowHeaders === e.panel) {
        // 내림차순
        // e.cell.innerHTML = s.rows.length-e.row;
          e.cell.innerHTML = e.row +1;
        }
      });

[formatItem]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.flexgrid.html#formatitem 


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



감사합니다.


그레이프시티 드림


* 그레이프시티(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.