owner 요소가있는 wj-popup을 소유자의 가운데로 중심을 맞추고 싶습니다. 즉, owner 요소의 중심은 팝업의 수평 중심이어야합니다. 나는 이것에 관한 어떤 정보도 찾지 못했다. (기본값으로 중심에있는 owner 요소가없는 팝업에 대해서만). 어떻게해야합니까?wj-popup을 owner 요소로 중심 맞추는 방법
0
A
답변
0
wijmo5 (v5.20162.211)의 현재 버전이 허용되지 않지만, 여기에 설명 된 몇몇 해결 방법은 : http://wijmo.com/topic/how-to-center-wj-popup-with-owner-element-by-its-owner-2/#post-79683이.
또한 나는이 workarond을 허용하지 않는 일부 NPM UI 구성 요소 및 angular2을 사용하고 있기 때문에, 나는 마우스 이벤트를 잡을과 같은 기능을 수정했다 :
setPopupPosition(event:any, element:any) {
let mouseX = event.clientX;
let popupWidth = element.popup.hostElement.clientWidth;
let popupPosition = mouseX - popupWidth/2;
element.popup.hostElement.style.left = (popupPosition < 0 ? 0 : popupPosition) + "px";
}
element.popup을 - 팝업의 @ViewChild로 팝업 구성 요소에 선언됩니다.
및 HTML : profileFilterPopover가 팝업
의 ID가<button(click)="setPopupPosition($event, profileFilterPopover)">ButtonName</button>
<profile-filter-popover #profileFilterPopover [owner]="showProfileFilterButton" [reportId]="reportId"
[cubeId]="cubeId"></profile-filter-popover>
관련 문제
- 1. 중심 요소로 정렬 가능한 Jquery UI
- 2. 중심
- 3. 양식에 초점을 맞추는 방법?
- 4. Console.WriteLine을 중앙에 맞추는 방법
- 5. 모든 화면에 맞추는 방법
- 6. 퍼즐 맞추는 방법?
- 7. div를 초점을 맞추는 방법?
- 8. tablerow와 텍스트보기를 맞추는 방법
- 9. 구석에 div를 맞추는 방법
- 10. JTextfield를 가운데에 맞추는 방법
- 11. 스트라이프를 백본보기에 맞추는 방법?
- 12. 축을 축에 맞추는 방법
- 13. 줄 끝 맞추는 방법?
- 14. AutoParallaxBackground를 화면에 맞추는 방법
- 15. EditText에 초점을 맞추는 방법
- 16. QLabel에 초점을 맞추는 방법
- 17. 중심
- 18. 라이브러리에서 중단 점을 맞추는 방법?
- 19. jtextcomponent 내에서 텍스트를 맞추는 방법
- 20. 텍스트를 전체 TextBox에 맞추는 방법?
- 21. 다른 확인란과 수평을 맞추는 방법
- 22. 배열 인덱스로 루프를 맞추는 방법
- 23. Crystal Reports에서 줄을 맞추는 방법
- 24. 시퀀스에 숫자를 맞추는 일반적인 방법
- 25. if 문에 JS를 맞추는 방법
- 26. 오른쪽에 수평 단추를 맞추는 방법?
- 27. 엔트리가 초점을 맞추는 방법 (Tkinter)
- 28. Unity와 Android에 초점을 맞추는 방법
- 29. ChildAnchorPane에 fxml 파일을 맞추는 방법?
- 30. HTML 페이지를 화면에 맞추는 방법?