editing a data in a datatable using a modal form

[prowl liew]

i have a datatable, each row has a

<p:commandButton styleClass="edit-promo-img" action="#{branchController.prepareEdit}" value="" oncomplete="updateBranchForm()"/>

this is my modal:

<div id="edit-branch-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <h:form id="editBranchForm">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            Branch Details
        </div>
        <div class="modal-body">
            <div><h:outputLabel value="#{bundle.CreateBranchLabel_name}" for="name" /></div>
            <div><h:inputText id="name" value="#{branchController.selected.name}" title="#{bundle.CreateBranchTitle_name}" required="true" requiredMessage="#{bundle.CreateBranchRequiredMessage_name}"/></div>
        </div>
        <div class="modal-footer">
            <p:commandButton action="#{branchController.update}" value="#{bundle.CreateBranchSaveLink}" />
            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        </div>
        <p:remoteCommand name="updateBranchForm" update="@form" />
    </h:form>

prepareEdit method:

public void prepareEdit() {
    current = (Branch) getItems().getRowData();
    selectedItemIndex = pagination.getPageFirstItem() + getItems().getRowIndex();
}

selected method:

public Branch getSelected() {
    if (current == null) {
        current = new Branch();
        selectedItemIndex = -1;
    }
    return current;
}

when i debugged on the getSelected method, there is actually correct data on my "current" object.

my problem is, the input in the modal has no data.

using JSF 2.0 with Primefaces and my bean is using ViewScope.

[FreddyKrg Freddy]

<div id="edit-branch-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <h:form id="editBranchForm"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> Branch Details </div> <div class="modal-body"> <div><h:outputLabel value="#{bundle.CreateBranchLabel_name}" for="name" /></div> <div><h:inputText id="name" value="#{branchController.selected.name}" title="#{bundle.CreateBranchTitle_name}" required="true" requiredMessage="#{bundle.CreateBranchRequiredMessage_name}"/></div> </div> </h:form> <div class="modal-footer"> <p:commandButton action="#{branchController.update}" value="#{bundle.CreateBranchSaveLink}" /> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> </div> <p:remoteCommand name="updateBranchForm" update="@form" /> </div>

[FreddyKrg Freddy]

<div id="edit-branch-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <h:form id="editBranchForm"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> Branch Details </div> <div class="modal-body"> <div><h:outputLabel value="#{bundle.CreateBranchLabel_name}" for="name" /></div> <div><h:inputText id="name" value="#{branchController.selected.name}" title="#{bundle.CreateBranchTitle_name}" required="true" requiredMessage="#{bundle.CreateBranchRequiredMessage_name}"/></div> </div> </h:form> <div class="modal-footer"> <p:commandButton action="#{branchController.update}" value="#{bundle.CreateBranchSaveLink}" /> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> </div> <p:remoteCommand name="updateBranchForm" update="@form" /> </div>