<th
ink>我们有一个需求：在现有的PrimeFaces
表单中添加一个隐藏的部门ID字段，以便在
提交表单时能够传递这个隐藏的部门ID。
当前
表单中已经有两个输入字段：部门名称和部门地址，以及一个
提交按钮。我们需要添加一个隐藏的部门ID字段。
在PrimeFaces中，我们可以使用<p:
inputHidden>组件来创建一个隐藏的输入字段。
步骤：
1. 在合适的位置（例如，在部门名称和部门地址字段之后，
提交按钮之前）添加一个<p:
inputHidden>组件。
2. 将这个隐藏字段的值绑定到后台Bean中的部门ID
属性上（例如：#{departmentBean.department.id}）。
3. 确保在
提交表单时，这个隐藏字段的值会被一同
提交。
注意：我们假设后台Bean（departmentBean）中有一个Department对象，该对象具有id、name和addr
属性。
修改后的代码段如下：</th
ink>在 PrimeFaces 中添加隐藏的部门 ID 字段，可以使用 `<p:
inputHidden>` 组件。以下是修改后的代码，添加了一个绑定到 `departmentBean.department.id` 的隐藏字段：
```xhtml
<p:outputPanel>
<h:panelGrid columns="2" styleClass="
no-border">
<p:outputPanel style="display: flex; flex-wrap: wrap;">
<h:panelGrid columns="1" styleClass="
no-border">
<h:panelGrid columns="12" responsive="true" styleClass="
no-border">
<!-- 隐藏的部门ID字段 -->
<p:
inputHidden id="dept_id" value="#{departmentBean.department.id}" />
<div class="ui-
inputgroup" style="display:
inl
ine-block;">
<p:outputLabel value="部门名称" />
<p:
inputText id="dept_name" style="width:180px" value="#{departmentBean.department.name}" />
</div>
<div class="ui-
inputgroup" style="display:
inl
ine-block;">
<p:outputLabel value="部门地址" />
<p:
inputText id="dept_addr" style="width:180px" value="#{departmentBean.department.addr}" />
</div>
<p:commandButton
value="
提交"
rendered="#{departmentBean.preview}"
action="#{departmentBean.createDept}"
update="@
form:dataTableId"
oncomplete="if(!args.validationFailed) PF('createDept').hide()"
class="query"
ajax="true"
style="width:80px;" />
</h:panelGrid>
</h:panelGrid>
</p:outputPanel>
</h:panelGrid>
</p:outputPanel>
```
### 关键解释：
1. **`<p:
inputHidden>` 组件**：
- 用于创建隐藏字段，用户不可见但会随
表单提交。
- `value="#{departmentBean.department.id}"`：绑定到后台 Bean 的部门 ID
属性。
2. **位置选择**：
- 将隐藏字段放在
表单靠前位置（在部门名称/地址之前），确保数据优先
提交。
- 如果使用 AJAX 部分渲染，确保隐藏字段在 `update` 的目标范围内（此处 `update="@
form:dataTableId"` 已覆盖整个
表单）。
3. **后台 Bean 要求**：
- 确保 `departmentBean` 中的 `department` 对象有 `id`
属性及对应的 getter/
setter：
```
java
public class DepartmentBean {
private Department department = new Department(); // 包含 id
属性的 Department 类
// Getter 和
Setter
public Department getDepartment() { return department; }
public void setDepartment(Department d) { this.department = d; }
}
```
4. **使用场景**：
- **编辑模式**：当
表单用于编辑现有部门时，后台预先设置 `department.id`。
- **新建模式**：新建时 `id` 可为 `null`，
提交后由后端生成。
### 注意事项：
- 如果遇到
提交后 `id` 未正确传递的问题，检查：
1. 后台 Bean 的视图作用域（建议使用 `@ViewScoped` 避免重复
提交问题）。
2. 确保 `update`
属性覆盖了包含隐藏字段的容器。
### 示例效果：
用户界面只显示部门名称/地址输入框，
提交时隐藏的 `id` 会随其他字段一起
提交到 `departmentBean.createDept()` 方法。
---
本文介绍了一个在使用Struts框架开发时遇到的常见问题：当devMode设为true时，前台提交的form表单可能会报错。文章详细解释了错误原因，并提供了通过在struts.xml中注释devMode来解决此问题的方法。
扫一扫
15
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
