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

olap pivot panel 관련 문의 > Q&A | 토론

본문 바로가기

VueJS olap pivot panel 관련 문의

페이지 정보

작성자 포카칩 작성일 2023-10-23 10:31 조회 243회 댓글 0건
제품 버전 : 5.20222.877

본문

안녕하세요.


 

위의 사진처럼 Buyer 항목을 드래그&드랍을 이용하여 Columns 위치로 이동할때, Buyer 항목의 Value를 확인하여 true 또는 false인 경우 예외 처리를 하려 합니다.


buyer의 특정 value가 조건에 false인 경우

1. Buyer 항목 Rows에 그대로 위치

2. 피벗 그리드 그대로 유지


위 패널의 드래그앤드랍 이벤트를 체크하여 함수를 생성할 수 있는 방법을 문의 드립니다.


감사합니다.



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

댓글목록

등록된 댓글이 없습니다.

3 답변

VueJS Re: olap pivot panel 관련 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-10-23 16:41 댓글 0건

본문

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


문의하신 기능의 경우, view 정의가 변경된 후 발생하는 viewDefinitionChanged 이벤트 내에서 구현하실 수 있습니다.


아래 간단한 코드를 공유드리오니 참고 부탁드립니다.


<wj-pivot-panel :items-source="ng" :viewDefinitionChanged="viewChanged"></wj-pivot-panel>
(...)

  methods:{
        viewChanged:function(s,e){
            console.log("!",s.columnFields)
            if(s.columnFields[0] && s.columnFields[0].binding === "buyer"){
                // 조건이 맞다면

                // 조건이 맞지 않는다면
                var field = s.columnFields.getField("Buyer"); // field 가져오기
                s.rowFields.push(field); // row 필드에 다시 넣기
                s.columnFields.removeAt(0); // columnField에 있던 필드 제거
            }
        }
    }


- getField API 문서

- viewDefinitionChanged API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

VueJS Re: olap pivot panel 관련 문의

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

페이지 정보

작성자 포카칩 작성일 2023-10-24 09:55 댓글 1건

본문

위의 답변에서는 buyer 라는 binding key를 default로 설정하고 코드를 작성해 주셨는데, 


사용자가 buyer를 드래그앤드랍했는지, Type을 드래그앤드랍했는지, Amount를 드래그앤드랍했는지 확인이 필요하면, 어떤 메소드를 사용 해야 하는지 추가 문의 드립니다.

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

문의하신 내용은 확인 후 답변 드리도록 하겠습니다.

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

VueJS Re: olap pivot panel 관련 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-10-25 16:16 댓글 0건

본문

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


문의하신 내용과 같이 동적으로 드래그 앤 드랍한 필드 정보를 가져와야 하는 경우, rowFields 및 columnFields에서 dragstart, drop 이벤트 핸들러를 이용하시면 됩니다. 해당 이벤트의 dataTransfer 객체 정보를 저장 및 가져와 getField로 필드 정보를 가져올 수 있습니다.


아래 간단한 코드를 참고하여 주시기 바랍니다.


<wj-pivot-panel
          id="sample-panel"
          :items-source="ngPanel"
          :initialized="init"
></wj-pivot-panel>

(...)
 init(s,e){
      //RowFields
      //dataTransfer 객체에 데이터를 설정
      s._dRows.addEventListener('dragstart', (e) => {
        e.dataTransfer.setData('text', e.target.textContent);
      });

      // ColumnFields
      //dataTransfer 객체에서 데이터를 가져온 후 getField()를 사용하여 필드 정보를 가져오기
      s._dCols.addEventListener('drop', (e) => {
        let data = e.dataTransfer.getData('text');
        let field = this.ngPanel.fields.getField(data);
        console.log(field);
      });
        },


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


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

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