Обновить типы компонентов в JSF с помощью кнопки
Ниже приведена форма детали для работника. Кнопка обновления предоставляется, когда (я хочу добиться) щелчка преобразует все компоненты формы в редактируемые с предварительно заполненными данными, взятыми от сотрудника, уже записанными в текстовые поля, и кнопка Сохранить обновляет страницу с обновленными данными. Как мне это сделать. Я использую JSF 2.
details.xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head></h:head>
<body>
<h:form id="form1" prependId="false">
<h:panelGrid columns="1">
<h:panelGroup>
<h:graphicImage library="images" name="images.jpg"/>
</h:panelGroup>
<h:panelGroup>
<h:outputLabel for="name" value="Name" />
<h:outputText id="name" value="#{employeeManagedBean.name}" />
</h:panelGroup>
<h:panelGroup>
<h:outputLabel for="cnic" value="CNIC" />
<h:outputText id="cnic" value="#{employeeManagedBean.cnic}" />
</h:panelGroup>
<h:panelGroup>
<h:outputLabel for="contact_number" value="Contact Number" />
<h:outputText id="contact_number" value="#{employeeManagedBean.contactNumber}" />
</h:panelGroup>
<h:panelGroup>
<h:outputLabel for="dob" value="Date of Birth" />
<h:outputText id="dob" value="#{employeeManagedBean.dob}" />
</h:panelGroup>
<h:panelGroup>
<h:outputLabel for="email_address" value="Email" />
<h:outputText id="email_address" value="#{employeeManagedBean.emailAddress}" />
</h:panelGroup>
<h:panelGroup>
<h:outputLabel for="password" value="Password" />
<h:outputText id="password" value="#{employeeManagedBean.password}" />
</h:panelGroup>
<h:panelGroup>
<h:commandButton value="Update"/>
<h:commandButton value="Save"/>
</h:panelGroup>
</h:panelGrid>
</h:form>
</body>
</html>