how to prevent form to reset other form when it's submitted in the same html page

Question

I have two different forms and if i apply action on one form the fields values in the second form is resetting(cleared or backed to default values ), i have not know idea what's going on ?

i am using Primefaces 7 with JSF (jsf-api 2.2.11, jsf-impl 2.2.11 and javax.servlet-api 3.0.1).

i have tried to override Sammy function from below post

https://stackoverflow.com/questions/10652881/how-to-prevent-form-submit#I%20also%20had%20this%20problem%20and%20I%20found%20a%20solution%20in

also i tried to save cache

< -meta http-equiv="cache-control" content="cache, store" / ->

and here is my first form code

    <h:form id="createStageForm" class="form-horizontal">
            <h:outputLabel >Notes :</h:outputLabel>
                <h:inputText value="#{stageBean.stageDto.notes}"/>
                    <h:commandButton value="Save" action="#{stageBean.saveDetails}"/>
    </h:form>

and the second form

        <h:form>
            <h:dataTable value="#{stageBean.items}" var="item">
                <h:column>
                    <h:inputText value="#{item.name}" />
                </h:column>
                <h:column>
                    <h:commandButton value="-" action="#{stageBean.remove(item)}" />
                </h:column>
            </h:dataTable>
            <h:commandButton value="+" action="#{stageBean.add}" />
        </h:form>

i update the post to set Bean implementation below

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
@ManagedBean
@ViewScoped
public class StageBean {

private List<EmployeeDto> items;
public ArrayList<StageDto> listFromDB;
private StageDto stageDto;

@PostConstruct
public void init() {
    listFromDB = SatgeDatabaseOperation.getListFromDB();
    items = new ArrayList<EmployeeDto>();
    items.add(new EmployeeDto());
}

private long id;
private String notes;

public long getId() {
    return id;
}

public void setId(long id) {
    this.id = id;
}
public String getNotes() {
    return notes;
}

public void setNotes(String notes) {
    this.notes = notes;
}

public void add() {
    items.add(new EmployeeDto());
}

public void remove(EmployeeDto item) {
    items.remove(item);
}

public void save() {
    System.out.println("items: " + items);
}

public ArrayList<StageDto> getListFromDB() {
    return listFromDB;
}

public void setListFromDB(ArrayList<StageDto> listFromDB) {
    this.listFromDB = listFromDB;
}

public String saveDetails() {
    return SatgeDatabaseOperation.saveDetailsInDB(stageDto);
}
}

Is there is away to prevent form reset when applying actions on the second form?

I have no clue what you mean. What is 'resting' or 'rest' the other? And please make a [mcve]. And this is all plain jsf, nothing PrimeFaces. And post JSF implementation and version — Kukeltje, Apr 12 '19 at 20:00
i mean resting or clear values in the fields on the other form and yes this is all plain jsf, i will update the post with JSF implementation — mohamed hamada, Apr 12 '19 at 20:46
You mean reset instead of rest? Still also make a real [mcve]. Most likely scope related — Kukeltje, Apr 12 '19 at 22:52
Then please edit reat in reset. And this is not a [mcve]. Waaay too much code. Please improve — Kukeltje, Apr 13 '19 at 14:00
i update the post to meet Minimal, Complete, and Verifiable example. as i understand if there is still some issues need to be improved please tell me — mohamed hamada, Apr 14 '19 at 18:15

score 2 · Accepted Answer · edited May 01 '19 at 09:17

thanks @Kukeltje it's all about ajax

just update specific form that you want to update it

<h:form id="myForm2">
    <h:dataTable value="#{stageBean.items}" var="item">
        <h:column>
            <h:inputText value="#{item.name}" />
        </h:column>
        <h:column>
            <h:commandButton value="-" action="#{stageBean.remove(item)}" />
        </h:column>
    </h:dataTable>
    <h:commandButton value="+" action="#{stageBean.add}" >
        <f:ajax execute="@form" render="myForm2" />
    </h:commandButton>
</h:form>

how to prevent form to reset other form when it's submitted in the same html page

1 Answers1