2016-09-28 80 views
0

owner要素を持つwj-popupを所有者の中央に配置したいと考えています。これは、所有者要素の中心がポップアップの水平中心でなければならないことを意味します。私はこれに関する情報を見つけられませんでした(デフォルトで中央に置かれているowner要素のないポップアップについてのみ)。どうやってやるの?wj-popupをowner要素で中心合わせする方法

enter image description here

答えて

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> 

関連する問題