在xpage上我有一个editbox控件,xe:namepicker与Bootstrap附加组件很好地分组在一起。
但是我想在光标进入编辑框时触发xe:namepicker。
在DOM中我看到,对于namepicker,会生成锚链接,例如:
a class="glyphicon glyphicon-user xspPickerLink" href="javascript:;"
我可以通过csjs触发点击事件
$("a.xspPickerLink").trigger('click');
但我碰巧在我的xpage上有多个xe:namepicker-s。
有没有人知道如何触发SPECIFIC xe:namepicker?
答案 0 :(得分:4)
您可以使用包装器元素:
<div id="namePicker1Wrapper">
<xe:namePicker id="namePicker1" pickerText="Select..."></xe:namePicker>
</div>
<div id="namePicker2Wrapper">
<xe:namePicker id="namePicker2" pickerText="Select..."></xe:namePicker>
</div>
现在您有机会选择SPECIFIC xe:namepicker:
$("#namePicker1Wrapper a.xspPickerLink").trigger('click');