h:commandButton设target="_blank"后其他组件也开新标签页问题求助

这个问题的核心原因很明确：你通过onclick把表单的target属性设为_blank后，这个属性会永久保留在表单元素上，后续所有提交该表单的操作（比如Report按钮的ajax提交、下拉框的onchange提交）都会默认使用这个target，导致新标签页打开。

因为你不能添加页面方法，这里有两个无需额外后端代码的前端解决方案：

方案1：临时设置target后自动恢复 #

直接修改Download按钮的onclick事件，在设置_blank后，延迟恢复表单的默认target。这样既能保证当前下载请求在新标签页打开，又不会影响后续操作：

<h:commandButton value="Download" 
                 actionListener="#{userLogsInformationController.downloadReport}" 
                 onclick="this.form.target='_blank'; setTimeout(() => { this.form.target='_self'; }, 100);" 
                 ajax="false" 
                 disabled="#{userLogsInformationController.notAbleToPrint}"/>

原理 #

• 点击按钮时先把表单target设为_blank，确保当前下载请求用新标签页打开
• setTimeout延迟100毫秒执行恢复操作（这个时间足够浏览器发送请求），把target改回默认的_self，后续表单提交就会回到当前标签页

方案2：使用独立的隐藏表单（更稳妥） #

创建一个专门用于下载的隐藏表单，完全隔离原表单的target设置，避免任何副作用：

1. 在页面添加一个隐藏的表单：

<h:form id="downloadForm" style="display: none;">
    <h:commandButton id="hiddenDownloadBtn" 
                     actionListener="#{userLogsInformationController.downloadReport}" 
                     ajax="false"/>
</h:form>

2. 把原来的Download按钮替换成普通按钮，点击时触发隐藏表单的提交：

<h:button value="Download" 
          onclick="
              const form = document.getElementById('downloadForm');
              form.target = '_blank';
              form.submit();
              form.target = '_self';
          " 
          disabled="#{userLogsInformationController.notAbleToPrint}"/>

原理 #

• 下载操作完全使用独立的表单，原表单的target属性从未被修改，所以其他组件的提交行为不受任何影响
• 提交后立即恢复隐藏表单的target，避免后续如果复用该表单时出现问题

两种方案都不需要添加后端方法，直接修改前端代码即可解决你的问题。

内容的提问来源于stack exchange，提问作者Shahriar Miraj