如何将焦点重定向到intro.js中的对话框?

时间:2015-12-01 07:15:39

标签: primefaces intro.js

我想在对话框的底部重定向,因为我点击对话框标题处的按钮,名称为"点击进入INSIDE帮助"如图所示。

Image of the Dialog , you can see here

2 个答案:

答案 0 :(得分:0)

这样的事情应该有效:

var scrollable = $('.ui-dialog .ui-datatable-scrollable-body');
scrollable.scrollTop(scrollable[0].scrollHeight);

我在firebug控制台中对此进行了测试:

$('.ui-datatable-scrollable-body').scrollTop($('.ui-datatable-scrollable-body')[0].scrollHeight);

在primefaces上滚动数据表示例:

http://www.primefaces.org/showcase/ui/data/datatable/scroll.xhtml

答案 1 :(得分:0)

我通过创建另一个对话框来实现它,如下所示: -

  <p:dialog  onHide="javascript:introJs().goToStep(9).start()" widgetVar="helpDummyDialog" closeOnEscape="true" minWidth="900" 
               position="top" >
        <h3>Dummy Dialog</h3>
    </p:dialog>

现在在按钮“onclik”属性上调用另一个对话框,并使用另一个属性“oncomplete”来隐藏它。请参阅以下代码: -

<p:commandButton  id="helpButton" value="Click For INSIDE Help" onclick="helpDummyDialog.show()"  oncomplete="helpDummyDialog.hide()"></p:commandButton>