Bootsfaces modalboxはdataTable列のデータで埋められています

私はJSF 2.0とBootsfaces 0.9.1で作業しています。私は、データベースのユーザーデータに基づいてdataTableを持っています。各列には、データを変更するための2つのボタンも含まれています。Bootsfaces modalboxはdataTable列のデータで埋められています

鉛筆（編集ユーザー）にIをクリックすると、modalboxは、私は、それぞれのデータを変更したい、表示されています。

私はデータを編集したいので、私は現在の情報が自動的にテキストボックス内に充填します。どうやってやるの？

ここでは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>

出典

2016-10-05 sascha_lamp