javascript - 我可以触发 xe :namepicker via csjs?

Question

在 xpage 上，我有一个编辑框控件和 xe:namepicker 很好地组合在一起，并带有一个 Bootstrap 附加组件。

但是我想在光标进入编辑框时触发 xe:namepicker。

在 DOM 中，我看到为名称选择器生成了一个 anchor 链接，例如:

a class="glyphicon glyphicon-user xspPickerLink" href="javascript:;" 

我可以通过csjs触发点击事件

$("a.xspPickerLink").trigger('click');

但我的 xpage 上恰好有多个 xe:namepicker-s。

有谁知道我如何触发特定的 xe:namepicker ？

Answer 1

您可以使用包装器元素:

<div id="namePicker1Wrapper">
    <xe:namePicker id="namePicker1" pickerText="Select..."></xe:namePicker>
</div>

<div id="namePicker2Wrapper">
    <xe:namePicker id="namePicker2" pickerText="Select..."></xe:namePicker>
</div>

现在您有机会选择一个特定的 xe:namepicker:

$("#namePicker1Wrapper a.xspPickerLink").trigger('click');