Note that there are some explanatory texts on larger screens.

plurals
  1. POUpdate Dojo filtering select position on partial refresh of XPage
    text
    copied!<p>In one of my XPages I got a radio button. If I choose value of the radio button, a partial refresh is called.</p> <ul> <li>Value 1 of the radio button only displays a new button in the same line</li> <li>Value 2 adds some more fields beneath the radio button group</li> </ul> <p>Beneath this new fields there is a Dojo filtering select field to choose from a list of employees.</p> <p>If I select value 1, the filtering select works fine. If I select value 2, the filtering select still starts at the "old" position, without recognizing the space, the new fields need</p> <p><img src="https://i.stack.imgur.com/YNNT8.png" alt="enter image description here"></p> <p>How can I update the position of the filtering select list? The partial refresh is for the complete content of the page, but does not seem to work here.</p> <p>Here is the code of the radio group, which does the partial refresh on change:</p> <pre><code> &lt;xp:radioGroup id="rbgSelectEducationType" layout="pageDirection" value="#{docApplication.EducationType}"&gt; &lt;xp:this.readonly&gt; &lt;![CDATA[#{javascript:docApplication.getItemValueString("ZwfStepName") != "Start"}]]&gt;&lt;/xp:this.readonly&gt; &lt;xp:selectItem itemLabel="ESG Veranstaltung aus dem Katalog" itemValue="ESG-Veranstaltung"&gt; &lt;/xp:selectItem&gt; &lt;xp:selectItem itemLabel="Externe Veranstaltung" itemValue="Externe-Veranstaltung"&gt; &lt;/xp:selectItem&gt; &lt;xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="wcEventDetails"&gt; &lt;/xp:eventHandler&gt; &lt;/xp:radioGroup&gt; </code></pre> <p>And here is the code of the filtering select dropdown:</p> <pre><code>&lt;xe:djFilteringSelect id="Approver" value="#{docApplication.Approver}" ignoreCase="true"&gt; &lt;xe:this.rendered&gt;&lt;![CDATA[#javascript:docApplication.getItemValueString("ZwfStepName")=="Start"}]]&gt;&lt;/xe:this.rendered&gt; &lt;xp:selectItems id="selectItems2"&gt; &lt;xp:this.value&gt;&lt;![CDATA[#{javascript:if(docApplication.isEditable()){ getComponent("AllUsersLastFirst").getValue().split("#"); }}]]&gt;&lt;/xp:this.value&gt; &lt;/xp:selectItems&gt; &lt;xp:eventHandler event="onChange" submit="true" refreshMode="partial" refreshId="panelBody" id="eventHandler2"&gt; &lt;xp:this.action&gt;&lt;![CDATA[#{javascript:var dbPR = new Array(applicationScope.srv, applicationScope.pathPR); var Approver:com.ibm.xsp.extlib.component.dojo.form.UIDojoFilteringSelect = getComponent("Approver"); var lookup=@DbLookup(dbPR,applicationScope.xpPersonByLastNameFirstName,Approver.getValue(),2); lookup=@If(@IsError(lookup),"error",lookup); if (lookup=="error") { errormsg = valstrings.getString("ccEsgDocWflContentApprover.lookup1"); globalScriptErrors.add(errormsg); requestScope.put("scriptErrors", globalScriptErrors); } @SetField("NotesNameApprover", lookup);}]]&gt;&lt;/xp:this.action&gt; &lt;/xp:eventHandler&gt; &lt;/xe:djFilteringSelect&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload