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

GridDetail 모듈 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

Angular GridDetail 모듈 문의

페이지 정보

작성자 뭉실뭉실 작성일 2021-12-22 18:59 조회 2,351회 댓글 1건
제품 버전 : 5.20213.824-rc
컨트롤 이름 : FlexGridDetail

본문

Angular 13 버전을 사용중이고

GridDetail 관련 오류 발생에 대해서 문의 드립니다.

 

아래와 같이 구현했을대 그리드의 rowheader의 + 버튼이 에러발생하며 작동이 되지 않는데요


    <wj-flex-grid #grid
        [itemsSource]="data">
        <wj-flex-grid-column [binding]="'id'" [header]="'ID'" [width]="100" [isReadOnly]="true"></wj-flex-grid-column>
        <wj-flex-grid-column [binding]="'name'" [header]="'NAME'" [width]="'*'" [isReadOnly]="true"></wj-flex-grid-column>
            <ng-template wjFlexGridDetail let-item="item">
                <wj-flex-grid [itemsSource]="getData(item.name)" [isReadOnly]="true">
                    <wj-flex-grid-column [header]="'FIELD'" [binding]="'field'"></wj-flex-grid-column>
                    <wj-flex-grid-column [header]="'VALUE'" [binding]="'value'"></wj-flex-grid-column>
                </wj-flex-grid>
            </ng-template>
    </wj-flex-grid>

코드는 위와 같습니다

getData 함수가 실행도 되지 않는데 혹시 원인을 알수 있을가요?


에러는 아래와 같습니다.


core.mjs:6469 ERROR ** Assertion failed in Wijmo: CellRange expected Error

    at assert (http://localhost:4200/vendor.js:17666:13)

    at _SelectionHandler.select (http://localhost:4200/vendor.js:16442:32053)

    at WjFlexGrid.FlexGrid.select (http://localhost:4200/vendor.js:16442:113029)

    at WjFlexGridDetail.FlexGridDetailProvider._toggleRowDetail (http://localhost:4200/vendor.js:8033:10042)

    at WjFlexGridDetail.FlexGridDetailProvider._hdrClick (http://localhost:4200/vendor.js:8033:9829)

    at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:4780:31)

    at Object.onInvokeTask (http://localhost:4200/vendor.js:92292:33)

    at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:4779:60)

    at Zone.runTask (http://localhost:4200/polyfills.js:4552:47)

    at ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:4861:34)



참고로 드래그 구현시에 FlexGrid 모듈에서도 동일한 에러가 발생하고 있습니다.

    s.addEventListener(s.hostElement, 'dragstart', (e: DragEvent) => {
      let ht = s.hitTest(e);
      if (ht.cellType == wjGrid.CellType.RowHeader) {
        console.log(s.rows);
        let newcellrange = new wjGrid.CellRange(ht.row, 0, ht.row, s.columns.length - 1);
        console.log(newcellrange);
        s.select(newcellrange);

        e.dataTransfer.effectAllowed = 'copy';

        let item = s.rows[ht.row].dataItem;
        e.dataTransfer.setData('text', JSON.stringify(item));
      };
    }, true);

위의 코드에서도 s.select 부분에서  CellRange 에러가 발생하며 작동하지 않습니다.

비슷한 원인일것같아 참고 부탁드립니다.

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

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

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

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

1 답변

Angular Re: GridDetail 모듈 문의

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

페이지 정보

작성자 GCK루시 작성일 2021-12-24 17:46 댓글 3건

본문

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


문의 주신 내용과 관련하여 본사 개발팀과 확인해보았지만 안타깝게도 저희 쪽에서 해당 이슈가 재현이 되지 않아 정확한 원인 파악이 어려운 상황입니다. 아래 간단한 샘플을 전달 드리오니 해당 샘플의 코드를 참조하시고 문제가 되는 코드와 비교하여 재현 가능한 샘플을 저희 쪽으로 공유해주실 수 있으실까요? 공유해주신 샘플을 바탕으로 재현 및 디버깅 후, 도움을 드릴 수 있도록 하겠습니다.


- 샘플 : https://codesandbox.io/s/angular-test-seo03?from-embed 

- 샘플 zip 파일 : https://www.grapecity.co.kr/files/delivery/wijmo_sample/Angular_test.zip

(zip파일의 경우, 브라우저 주소 창에 복사/붙여넣기하여 다운 받아주시기 바랍니다.)


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


감사합니다. 

그레이프시티 드림 


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

댓글목록

삭제된 댓글

뭉실뭉실 작성일

삭제된 댓글 입니다.

삭제된 댓글

뭉실뭉실 작성일

삭제된 댓글 입니다.

GCK루시님의 댓글

GCK루시 작성일

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

문의와 관련하여 추가적인 회신 사항이 없어 완료 처리 되었습니다.
추가적인 문의 사항이 있으신 경우, 원활한 답변을 위해 새로운 Q&A 글을 생성하여 주시기 바랍니다.

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

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