使用 JSF 显示只读表单（值显示为文本而不是禁用的输入控件）？

发布于 2024-12-25 04:06:44 字数 270 浏览 0 评论 0原文

我有一个数据输入表单，用户可以在其中输入大量数据。当用户进入页面查看现有数据时，该页面应以只读模式显示（所有值显示为文本），当他单击“编辑”按钮时，应显示包含所有输入控件的普通表单，以便用户可以更改并保存数据。

我们使用 JSF 2.0 和 PrimeFaces 库。对于文本框和文本区域很容易实现上述行为，但对于复选框、多选、单选、......控件则不然。有没有简单的方法可以实现上述行为，而不是编写我们自己的代码（这可能会遇到很多行，从而使支持 bean 代码变得丑陋）

感谢您的帮助...

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

澜川若宁 2025-01-01 04:06:44

我不知道为什么你认为你需要额外的支持 bean 代码。您已经在支持 bean 中获得了所有需要的值。您的问题更多地在于这些价值观的呈现。只需编写相应的视图代码即可以所需的格式显示它们。也许你也这么想。

您可以显示“是”或“否”值，而不是选择布尔复选框。

<h:selectBooleanCheckbox value="#{bean.checked}" rendered="#{bean.edit}" />
<h:outputText value="#{bean.checked ? 'Yes' : 'No'}" rendered="#{not bean.edit}" />

您可以只在输出文本中显示该值，而不是选择一个菜单/单选。

<h:selectOneMenu value="#{bean.selectedItem}" rendered="#{bean.edit}">
    <f:selectItems value="#{data.availableItems}" />
</h:selectOneMenu>
<h:outputText value="#{bean.selectedItem}" rendered="#{not bean.edit}" />

例如，您可以仅显示循环中以逗号分隔的所有值，而不是选择多个列表框/复选框。

<h:selectManyListbox value="#{bean.selectedItems}" rendered="#{bean.edit}">
    <f:selectItems value="#{data.availableItems}" />
</h:selectManyListbox>
<h:panelGroup rendered="#{not bean.edit}">
    <ui:repeat value="#{bean.selectedItems}" var="selectedItem" varStatus="loop">
        #{selectedItem}#{not loop.last ? ', ' : ''}
    </ui:repeat>
</h:panelGroup>

您可以将其全部包装在标签文件或复合文件中，以最大限度地减少样板文件和代码重复。

I'm not sure why you think that you need additional backing bean code for this. You've all the needed values in the backing bean already. Your problem is more in the presentation of those values. Just display them in the desired format by writing the view code accordingly. Perhaps you were thinking it too the hard way.

Instead of a select boolean checkbox, you could display for example a "Yes" or "No" value.

<h:selectBooleanCheckbox value="#{bean.checked}" rendered="#{bean.edit}" />
<h:outputText value="#{bean.checked ? 'Yes' : 'No'}" rendered="#{not bean.edit}" />

Instead of a select one menu/radio, you could just display the value in an output text.

<h:selectOneMenu value="#{bean.selectedItem}" rendered="#{bean.edit}">
    <f:selectItems value="#{data.availableItems}" />
</h:selectOneMenu>
<h:outputText value="#{bean.selectedItem}" rendered="#{not bean.edit}" />

Instead of a select many listbox/checkbox, you could just display for example all values comma separated in a loop.

<h:selectManyListbox value="#{bean.selectedItems}" rendered="#{bean.edit}">
    <f:selectItems value="#{data.availableItems}" />
</h:selectManyListbox>
<h:panelGroup rendered="#{not bean.edit}">
    <ui:repeat value="#{bean.selectedItems}" var="selectedItem" varStatus="loop">
        #{selectedItem}#{not loop.last ? ', ' : ''}
    </ui:repeat>
</h:panelGroup>

You could wrap it all in a tag file or a composite to minimize boilerplate and code repetition.

回复收藏 0 原文