XPage中执行XSP.partialRefreshPost时如何阻止select2列表验证?
解决XPage中Select2联动下拉框触发不必要验证的方案
这确实是XPage里做联动下拉框时很容易踩的坑!我来给你分享几个经过实践验证的解决办法:
1. 关闭第二个下拉框的即时验证
XPage的List Box控件默认可能开启了validatesOnChange="true",当第一个下拉框触发部分刷新更新第二个列表时,会触发第二个控件的change事件,进而触发验证逻辑。你可以直接关闭这个即时验证:
- 在控件属性里找到“验证”相关设置,把“值改变时验证”设为false;
- 或者直接修改源码:
<xp:listBox id="listBox2" validatesOnChange="false"> <!-- 你的控件配置 --> </xp:listBox>
如果担心提交时漏掉验证,可以在提交按钮的onclick事件里手动触发表单验证:
if (!XSP.validateForm()) { return false; // 阻止提交 }
2. 部分刷新时跳过验证
当你通过第一个下拉框触发pnlList2的部分刷新时,给刷新请求加上skipValidation参数,就能跳过整个刷新过程中的验证逻辑:
如果是手动调用部分刷新JS,改成这样:
XSP.partialRefreshGet("#{id:pnlList2}", { params: { // 这里放你需要传递的参数,比如第一个下拉框的值 selectedValue: dojo.byId("#{id:listBox1}").value }, skipValidation: true });
如果之前是用控件自带的refreshId属性触发刷新,建议改成这种手动调用的方式,因为默认的refreshId触发的刷新不会自动带上跳过验证的参数。
3. 部分刷新完成后清除验证状态
如果没办法关闭即时验证,还可以在部分刷新完成后,手动清除第二个下拉框的验证错误提示:
XSP.partialRefreshGet("#{id:pnlList2}", { params: { // 你的参数 }, onComplete: function() { var listBox2 = dojo.byId("#{id:listBox2}"); if (listBox2) { XSP.clearValidation(listBox2); } } });
这个方法相当于“事后补救”,把触发的验证错误给清除掉,用户就看不到错误提示了。
4. 重置第二个下拉框的选中值
如果第一个下拉框切换后,第二个下拉框的选项完全更新了,但之前用户选的值不在新选项里,也会触发验证错误。这种情况下,在更新第二个下拉框选项的同时,重置它的选中值:
比如在第一个下拉框的valueChangeListener后端代码里:
public void listBox1_valueChange(ValueChangeEvent valueChangeEvent) { // 这里写更新第二个下拉框选项列表的逻辑 // 然后重置第二个下拉框的绑定值 getViewScope().put("listBox2Value", ""); }
这样第二个下拉框更新后回到未选中状态,就不会因为值不匹配新选项而触发验证了。
内容的提问来源于stack exchange,提问作者Patrick Kwinten
相关产品推荐
相关产品推荐

