FlexGrid row 추가 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS FlexGrid row 추가 문의

페이지 정보

작성자 이용태 작성일 20-11-20 15:11 조회 10회 댓글 0건
제품 버전 : 모름
컨트롤 이름 : FlexGrid

본문

gird에 신규 row를 현재 커서가 있는 행 아래로 추가하고 싶습니다.


아래와 같이 작업을 한 경우 

let row= new wijmo.grid.Row();

theGrid.rows.insert(2, row);


row는 추가가 되는데 

theGrid.itemsSource.items.length 을 확인하면 추가 전과 이후가 변화가 없습니다.


그리고 theGrid.rows[2].dataItem 를 확인하면 undefined로 나옵니다.



addNew 메소드를 사용하면 theGrid.itemsSource.items.length는 증가된 것을 확인 가능합니다. 


let view = theGrid.editableCollectionView;

let item = view.addNew();


문제는 addNew는 그리드 아래에만 생성되서 원하는 행 위치로 생성이 안되는 문제가 있습니다. 


특정 행 위치로 행을 추가한 경우  theGrid.rows[2].dataItem가 정상적으로 값이 적용가능한 방법을 알고 싶습니다. 


* 추가 질문

  - view.addNew() 적용한 경우 그리드 선택 후 키보드 화살표 키로 행 이동이 가능한데  theGrid.rows.insert(2, row)를 적용하면 추가된 행에서 키보드로 행과 행사이에 화살표 이동이 불가합니다. (기존 행과 추가된 행간에 키보드로 이동 문제 발생)

이에 대한 해결책도 제공해주시기 바랍니다. 



  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: FlexGrid row 추가 문의

페이지 정보

작성자 GCK루시 작성일 20-11-23 13:41 댓글 0건

본문

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


먼저, Row와 itemsSource는 그리드의 다른 속성 값이므로 그리드의 Row 배열에만 값을 추가하였을 때, itemsSource의 자체 길이 변화가 없었던 거였습니다.

기본 컬렉션을 가져오거나 설정해주는 collectionView의 sourceCollection 속성과 splice 메서드를 사용하신다면 원하시는 기능을 구현하실 수 있습니다. 


theGrid.rows[2].dataItem의 데이터 값이 undefined로 나온 것은 빈 값을 넣어주었기 때문에 undefiend로 반환이 되었던 것입니다. sourceCollection에서 object 값을 함께 넣어주면 올바른 값을 얻을 수 있습니다.


또한, 키보드 화살표 이동 오류와 관련하여 theGrid.rows.insert(2, row)를 사용하면 itemsSource의 배열 요소가 아닌 wjimo 자체 Row 값이 적용되어 인식되지 않는 것으로 확인됩니다. 이 또한 sourceCollection를 사용하신다면 키보드 화살표 이동이 원활하게 진행되는 것을 확인하실 수 있습니다.


자세한 사항은 아래 샘플을 확인하여 주시기 바랍니다. 샘플에서는 new row 버튼을 클릭했을 때, 2번째 인덱스에 새로운 열이 추가되는 것을 확인하실 수 있습니다.


도움말 문서 또한 전달 드리니 확인하여 주시기 바랍니다.

[sourceCollection]

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


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


감사합니다.

그레이프시티 드림


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

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2020 GrapeCity inc.