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