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

Vue로 사용할 시 document.getElementById와 같은 선택자로 그리드 컨트롤에 대해서 접근하는 방법보다는 그리드 컨트롤의 initialized 이벤트를 추가 및 사용하시면 됩니다. initialized 이벤트는 컴포넌트에 컨트롤이 추가된 후 초기화할 때 발생하며 해당 이벤트 내에서 FlexGrid의 인스턴스에 대해 접근 및 그리드에 표시된 항목을 포함하는 배열 또는 ICollectionView를 가져오거나 설정하는 itemsSource에 접근하실 수 있습니다. 아래 간단한 샘플에 대해서 공유 드리오니 참고 부탁 드립니다.

더불어 추가​된 데이터 항목에 대해서만 접근하고 싶으신 경우, CollectionView의 trackChanges 속성을 이용하시면 됩니다. 여기서 CollectionView 클래스는 Wijmo가 제공하는 모든 UI 컨트롤에서 데이터를 매우 쉽게 관리할 수 있는 일련의 기능을 제공해주는 클래스며 기본 데이터 바인딩 인터페이스인 ICollecitonView에서 파생되었습니다.

trackChanges 속성을 true로 활성화할 시, 데이터 추가/삭제/편집된 값에 대해서 별도 컬렉션에 업데이트 되며 변경 내용에 대해서 추적할 수 있습니다. 아래 저희 데모 및 API 문서 링크를 공유 드리오니 해당 링크에서 확인 및 회신하여 주시기 바랍니다.

- collectionView의 변경 내용 추적 데모 (Vue)

- itemsSource

- trackChanges

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

감사합니다. 

그레이프시티 드림