Command Linkの直下にあるPrimefaceの配置ダイアログ

Question

以下の構文を使用して、コマンドリンクのすぐ下にダイアログを配置しようとしています。しかし、それはうまく動作しませんさらに、ダイアログの位置は、私がページを上下にスクロールするたびに変更されています。

<p:dialog context="'mainForm:commandLinkA','tl','br'" widgetVar="TreeDlg" header="Select " draggable="false"> 

私はjqueryのを使用して問題を解決するために管理おかげで、よろしく、 連珠

Answer 1

。私は、コマンドリンクをクリックしてダイアログIDを開き、souceコマンドのリンクIDを渡すときに、次のjquery関数を呼び出しています。

function adjustPositionandOpenDialog(currentDialog,commandSource) { 
    $(currentDialog).dialog('open');  
    var myDialogX = jQuery(commandSource).position().left+10; 
    var myDialogY = jQuery(commandSource).position().top - (jQuery(document).scrollTop() + jQuery('.ui-dialog').outerHeight())+142; 
    jQuery(currentDialog).dialog('option', 'position', [myDialogX, myDialogY]); 
} 

おかげで、
連珠