intro.js 如何在对话框内重定向焦点？

Question

我想在对话框底部重定向，因为我单击名称为 "Click for INSIDE help" 的对话框 header 处的按钮，如图所示。

Answer 1

像这样的东西应该可以工作：

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

Answer 2

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

  <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>

intro.js 如何在对话框内重定向焦点？

How to redirect focus inside a dialog box in intro.js?

primefaces

intro.js