Bootsfaces modalbox 填充了来自 dataTable 列的数据

Question

我正在使用 JSF 2.0 和 Bootsfaces 0.9.1。我有一个基于数据库中用户数据的数据表。每列还包含几个用于修改数据的按钮。

当我点击铅笔（编辑用户）时，会显示一个模态框，我想在其中修改相应的数据。

因为我要编辑数据，所以我希望将当前信息自动填充到文本框中。我该怎么做？

这是 xhtml 源代码：

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:b="http://bootsfaces.net/ui"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
<h:head>
</h:head>
<h:body>
    <b:dataTable value="#{membersController.users}"
                 var="user"
                 id="users-table"
                 page-length="25"
                 row-highlight="true">
        <b:dataTableColumn label="Id" value="#{user.userId}"/>
        <b:dataTableColumn label="User name" value="#{user.userName}"/>
        <h:column>
            <f:facet name="header">
                <h:outputText value="Operations"/>
            </f:facet>
            <b:button style="padding: 0 4px;" iconAwesome="pencil" look="link" p:data-target="#userEditModal" p:data-toggle="modal"
                      onclick="return false;"/>
            <b:button style="padding: 0 4px;" iconAwesome="trash" look="link" p:data-target="#userEditModal" p:data-toggle="modal"
                      onclick="return false;"/>
        </h:column>
    </b:dataTable>
    <b:modal id="userEditModal" title="Modal Example" styleClass="modalPseudoClass">
        <h:panelGrid columns="2" cellpadding="5">
            <h:outputText value="User name:"/>
            <b:inputText>
            </b:inputText>
        </h:panelGrid>
        <f:facet name="footer">
            <b:button value="close" dismiss="modal" onclick="return false;"/>
            <b:button value="Ok" look="primary" dismiss="modal" onclick="return false;"/>
        </f:facet>
    </b:modal>
</h:body>
</html>

Answer 1

这是 BootsFaces 0.9.1 及以下版本中的错误。我已经在 BootsFaces-0.9.2-SNAPSHOT 中解决了它。请注意，这不是生产就绪版本，而是开发人员快照。参见 this entry on how to get the snapshot。

我已经记录了如何在数据 table in our developer showcase 中使用按钮。向下滚动到最新示例。该示例使用一种单元格内编辑而不是模态对话框，但我相信您将能够调整该示例。如果没有，请不要犹豫。

原始错误已报告 here。如果您觉得我们的错误修复仍然不完整，请随时在我们的错误跟踪器上报告错误。提前致谢！

Bootsfaces modalbox 填充了来自 dataTable 列的数据

Bootsfaces modalbox filled with data from a dataTable column

jsf

bootsfaces