将 Primefaces 对话框定位在命令链接下方

发布于 2024-11-18 00:45:52 字数 241 浏览 1 评论 0原文

我正在尝试使用以下语法将对话框放置在命令链接的正下方。但它不起作用，而且，每当我向上或向下滚动页面时，对话框位置都会发生变化。任何帮助都会受到赞赏。

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

谢谢和问候，连珠

原文

I am trying to use the below syntax to position my dialog just below my command link. But its not working and moreover, the dialog position is changing whenever I am scrolling the page up or down.Any help is appreciated.

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

Thanks and Regards,
Renju

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光病人 2024-11-25 00:45:52

我设法使用 jquery 解决了这个问题。我在单击命令链接时调用以下 jquery 函数，并向其传递要打开的对话框 id 和源命令链接 id。

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] );
}

谢谢，
连珠

I managed to solve the problem using jquery. I am calling the following jquery function on clicking the command link and passing it the dialog id to be opened and the souce command link id.

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] );
}

Thanks,
Renju

回复收藏 0 原文

~没有更多了~