1

我正在使用 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>
4

1 回答 1

2

这是 BootsFaces 0.9.1 及更低版本中的错误。我已经在 BootsFaces-0.9.2-SNAPSHOT 中解决了它。请注意，这不是生产就绪版本，而是开发人员快照。有关如何获取快照的信息，请参阅此条目。

我已经在我们的开发者展示中记录了如何使用数据表中的按钮。向下滚动到最新示例。该示例使用一种单元内编辑而不是模式对话框，但我相信您将能够适应该示例。如果没有，请不要犹豫。

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

于 2016-10-06T21:40:08.790 回答