Обновить типы компонентов в 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>

0 ответов

Другие вопросы по тегам