使用弹出面板编辑 JSF 数据表答案

【问题标题】：JSF Datatable Edit Using Popup Panel使用弹出面板编辑 JSF 数据表
【发布时间】：2011-08-12 10:49:01
【问题描述】：

我正在使用 JSF 1.1 和 Icefaces 1.8.2

我有显示我的数据库记录的数据表。当前，当用户希望插入或编辑记录时，单击编辑按钮并编辑表单或创建表单显示在数据表的底部或单独的页面中。理想情况下，我想在编辑表单中显示或在数据表顶部创建表单，如以下 URL 中的面板弹出窗口。 http://postimage.org/image/pglvdcck/

如何使用 JSF 或 icefaces 做到这一点？

对此的任何见解都非常值得赞赏。

谢谢

【问题讨论】：

标签： java jsf icefaces

【解决方案1】：

您需要使用ICEFaces 组件ice:panelPopup。在ICEFaces Demos 中查找 - 布局面板 - 弹出面板。

示例 - 将其添加到您的源代码中（实际上是在页面中的任何位置，甚至在单独的包含文件中）：

<ice:panelPopup modal="true" visible="#{myBean.editPopupVisible}">
  <ice:form>
    <ice:input...> some inputs...
    ... Save/Cancel button
  </ice:form>
</ice:panelPopup>

【讨论】：

感谢您的回答。那么panelPopup表单元素，比如按钮和其他元素可以有自己独立的动作吗？我的意思是就像在数据表下面创建另一个表单一样？我认为这将适用于 icefaces 1.8.2！
是的。我在 ICEFaces 1.8.2 中随便使用弹出面板。它只是另一个组件。在表格下方添加一个 ice:panelPopup，例如，内部有一个 ice:form（除非面板已经在表单本身中）以及您希望该面板执行的所有这些微小操作。然后只需通过将 visible 设置为 true 来在任何操作上调用它（在我的示例中。这将设置 myBean.editPopupVisible）。这对您来说应该很容易，只需将您的表单包装在 panelPopup 中（在演示中阅读如何在需要时准确地使用和配置它）。