在xpage上,我有一个editbox控件和xe:namepicker,它们与Bootstrap附加组件很好地组合在一起。

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

在DOM中,我看到为namepicker生成了一个锚链接,例如:

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


我可以通过csjs触发click事件

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


但是我的xpage上碰巧有多个xe:namepicker-s。

有人知道我如何触发特定的xe:namepicker吗?

最佳答案

您可以使用包装器元素:

<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');

08-26 16:14