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

Grid 컨텍스트 메뉴를 좌클릭으로 띄우는 방법 문의 > Q&A | 토론

본문 바로가기

VueJS Grid 컨텍스트 메뉴를 좌클릭으로 띄우는 방법 문의

페이지 정보

작성자 죠이러버 작성일 2021-04-26 11:06 조회 5,799회 댓글 0건
제품 버전 : 5.20211.781
컨트롤 이름 : FlexGrid

본문

FlexGrid 의 컨텍스트 메뉴를 우클릭이 아닌 좌클릭으로 띄우도록 설정하는 방법이 있나요?


또는 Grid가 선택되었을 때 selectionChanged 이벤트 처리 스크립트에서 컨텍스트 메뉴을 마우스 클릭 위치에 띄우는 방법이 있을까요?


답변 부탁드립니다.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: Grid 컨텍스트 메뉴를 좌클릭으로 띄우는 방법 문의

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

페이지 정보

작성자 GCK루시 작성일 2021-04-26 17:13 댓글 5건

본문

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



문의 주신 컨텍스트 메뉴 좌클릭 시, 컨텍스트 메뉴를 띄우는 것을 설정하기 위해서는 간단하게 addEventListener의 "contextmenu" 이벤트에서 "click" 이벤트로 변경해주시면 됩니다. 

let host = grid.hostElement, menu = this._buildMenu(grid);
  
host.addEventListener('click', (e) => {

(....)


자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다. 더불어 해당 코드에서는 selectionChanged 이벤트 내에 처리 없이 클릭한 위치에서 컨텍스트 메뉴가 나오는 것을 확인하실 수 있습니다.




[컨텍스트 메뉴]

https://demo.grapecity.co.kr/wijmo/learn-wijmo/Grid/ContextMenus/purejs


데모 링크도 전달 드리오니 참고하시기 바랍니다.


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



감사합니다. 

그레이프시티 드림 


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


댓글목록

죠이러버님의 댓글

죠이러버 작성일

답변 감사드립니다.
그런데 vuejs 데모 기준에서 답변해 주실수 있을까요?

https://demo.grapecity.co.kr/wijmo/learn-wijmo/Input/Menu/ContextMenus/vue

위 링크에서 제일 끝에 있는 그리드 기준으로 적용하는 법을 알고 싶습니다.

<wj-flex-grid
id="FlexGrid"
v-wjContextMenu="'ctxMenuId'"
:itemsSource="data">
</wj-flex-grid>

vuejs 기반으로 프로젝트 진행하고 있어서 purejs 기반으로 답변 주신 내용을 적용하는데 감이 잘 안오네요.
부탁드립니다.
또는 purejs 를 wj-flex-grid  component에 적용하는 방법을 알려주셔도 되구요.
답변 기다리겠습니다.

GCK루시님의 댓글의 댓글

GCK루시 작성일

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

데모 링크는 참고용으로 저희 쪽 데모 사이트 링크(React,PureJS만 제공)를 전달드린 것이며 구현된 화면이 나오는 CodeSandBox에서 Vue 버전으로 만들어 같이 전달드렸는데 해당 화면애서 코드가 바로 나오지 않고 데모 링크가 있어 혼동이 있으신 거 같습니다.

[Vue 버전 컨텍스트 메뉴]
https://codesandbox.io/s/vuecontextmenuclick-nrchd?from-embed=&file=/src/App.vue

Vue 버전 링크를 전달 드리며 혼동을 드려 죄송합니다.

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

죠이러버님의 댓글

죠이러버 작성일

Open Sandbox 를 안눌러본 제 불찰이네요. 잘 적용되는것 확인했습니다. 감사합니다. 

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