javascript - Lotus Xpages TypeAhead 选项更改标签的 DOM id

Question

lotus如果 type-ahead 更改输入文本字段标签的生成 ID为该字段启用字段。

1. xpage 上的来源没有type-ahead :

<xp:tr>
<th scope="row"><br/>
<xp:label id="labelClientRapporteur"
for="clientRapporteur">
<xp:this.value><![CDATA[${javascript:clientData['clientRapporteur']}]]></xp:this.value>
</xp:label>
</th>
<xp:td>
<xp:inputText id="clientRapporteur"
value="#{complaintDocument.clientRapporteur}"><br/>
</xp:inputText>
</xp:td>
</xp:tr>

2. 以及浏览器中页面的来源:

<tr>
<th scope="row">
<label id="view:_id1:_id2:_id31:_id45:labelClientRapporteur" class="xspTextLabel" for="view:_id1:_id2:_id31:_id45:clientRapporteur">Ügyfélreferens</label>
</th>
<td>
<input id="view:_id1:_id2:_id31:_id45:clientRapporteur" class="xspInputFieldEditBox" type="text" name="view:_id1:_id2:_id31:_id45:clientRapporteur">
</td>
</tr>

3。 xpage 的代码如果是 type-ahead为相同的输入启用:

<xp:tr>
<th scope="row"><br/>
<xp:label id="labelClientRapporteur"
for="clientRapporteur">
<xp:this.value><![CDATA[${javascript:clientData['clientRapporteur']}]]></xp:this.value>
</xp:label>
</th>
<xp:td>
<xp:inputText id="clientRapporteur"
value="#{complaintDocument.clientRapporteur}">
<xp:typeAhead mode="partial" minChars="1"
ignoreCase="true"
valueList="#{javascript:return namesTypeAhead();}" var="lupkey"
valueMarkup="true">
</xp:typeAhead>
</xp:inputText>
</xp:td>
</xp:tr>

4.页面来源为type-ahead浏览器中的字段:

<tr>
<th scope="row">
<label id="view:_id1:_id2:_id31:_id45:clientRapporteur_label" class="xspTextLabel" for="view:_id1:_id2:_id31:_id45:clientRapporteur">Ügyfélreferens</label>
</th>
<td>
<span id="view:_id1:_id2:_id31:_id45:_id78" mode="partial" jsid="view__id1__id2__id31__id45__id78" dojotype="ibm.xsp.widget.layout.data.TypeAheadReadStore"></span>
<div id="widget_view:_id1:_id2:_id31:_id45:clientRapporteur" class="dijit dijitReset dijitInlineTable dijitLeft xspInputFieldEditBox dijitTextBox dijitComboBox" role="combobox" widgetid="view:_id1:_id2:_id31:_id45:clientRapporteur" aria-labelledby="view:_id1:_id2:_id31:_id45:clientRapporteur_label">
</td>
</tr>

5.为标签生成的 id 是:

view:_id1:_id2:_id31:_id45:clientRapporteur_label

，而不是

view:_id1:_id2:_id31:_id45:clientRapporteur

.问题是，我使用

setTextLabelForRequired("#{id:labelClientRapporteur}");

更改标签的样式，并且此代码在这种情况下不起作用，因为标签的 id 已更改。

我想知道如何解决此 ID 更改问题，或者最好的解决方法是什么？

Answer 1

这是我认为可行的解决方法。最佳的是拥有唯一的 jsid ofc。

这将

1. 用选择器循环所有节点
2. 循环所有文本框
3. 通过 domNode 查找注册的小部件(不确定逻辑如何，但通过 Id 肯定更好)

所以:

var arr = dojo.filter(dojo.query('.xspInputFieldEditBox'), function(domNode) {

   if(/labelClientRapporteur/.test(domNodes.className))
      return true;

});
var widget = dijit.getEnclosingWidget(arr[0]);

或者更松散的匹配:

var nodes = dojo.query('.xspInputFieldEditBox[id*="labelClientRaporteur"]');
var domNode = nodes[0];