Primefaces 6.2 TabView onTabChange Данные формы имеют значение Null - PullRequest
Новая
       74

Primefaces 6.2 TabView onTabChange Данные формы имеют значение Null

0 голосов
/ 23 февраля 2019

Я не уверен, что делаю глупую ошибку, но это не сработало для меня в очень простом случае: в моих вкладках / вкладках, когда я переключаюсь с одной вкладки на другую, я хочу сохранить введенные данныев виде.Кнопка «Отправить» прекрасно работает на каждой вкладке, но событие tabchange показывает, что все данные моей формы равны нулю.Я попытался обработать с @all, @form, @this, кажется, ничего не работает.То же самое с опцией обновления.

Вот XHTML: 

    <h:form id="form">
    <p:growl id="msgs" showDetail="true" keepAlive="5000"  />
    <p:tabView id="tView" dynamic="true" cache="false" >
        <p:ajax event="tabChange" listener="#{deleteMe.onTabChange}" update=":form:msgs" />
        <p:tab title="MyTitle I" id="tab1">
            <p:fieldset legend="Personal Information" toggleable="false" >
                <h:panelGrid columns="2" cellpadding="10"> 
                    Value 1: <p:inputText value="#{deleteMe.thingOne}"></p:inputText>
                    Value 2: <p:inputText value="#{deleteMe.thingTwo}"></p:inputText>
                    <p:commandButton value="Submit" id="ajax" update=":form:msgs" action="#{deleteMe.onSubmit}" />
                </h:panelGrid>
            </p:fieldset>
        </p:tab>
        <p:tab title="MyTitle II" id="tab2">
            <p:fieldset legend="Social Information" toggleable="false">
                <h:panelGrid columns="2" cellpadding="10">
                    <p:inputText value="#{deleteMe.thingThree}"></p:inputText>
                    <p:commandButton value="Submit" id="ajax2" update=":form:msgs" action="#{deleteMe.onSubmit}" />
                </h:panelGrid>
          </p:fieldset>  
        </p:tab>
    </p:tabView>
</h:form>

А вот мой боб:

`

import javax.annotation.PostConstruct;
import javax.inject.Named;

import org.primefaces.event.TabChangeEvent;
import org.springframework.context.annotation.Scope;


@Named(value = "deleteMe")
@Scope("view")
public class DeleteBean implements Serializable {
    private static final long serialVersionUID = 47L;

    private String thingOne;
    private String thingTwo;
    private String thingThree;

    @PostConstruct
    public void initialize() {

    }   

    public void onTabChange(TabChangeEvent event) {
        System.out.println("Saving draft, current index: "+ event.getTab().getTitle());
        System.out.println(thingOne);
        System.out.println(thingTwo);
        saveDraft();
    }

    public void onSubmit() {
        System.out.println(thingOne);
        System.out.println(thingTwo);
        System.out.println(thingThree);
        saveDraft();
    }

    public void saveDraft() {
        System.out.println("This is thing 1 value: "+thingOne);
        System.out.println("This is thing 2 value: "+thingTwo);
        System.out.println("This is thing 2 value: "+thingThree);
    }


    public String getThingOne() {
        return thingOne;
    }

    public void setThingOne(String thingOne) {
        this.thingOne = thingOne;
    }

    public String getThingTwo() {
        return thingTwo;
    }

    public void setThingTwo(String thingTwo) {
        this.thingTwo = thingTwo;
    }

    public String getThingThree() {
        return thingThree;
    }

    public void setThingThree(String thingThree) {
        this.thingThree = thingThree;
    }
}

`

В случае события tabchange он вызывает метод, но все значения равны нулю. 

SystemOut     O This is thing 1 value: null
SystemOut     O This is thing 2 value: null
SystemOut     O This is thing 2 value: null

Не могли бы вы указать, если я совершаю какую-то глупую ошибку?Спасибо.

Ответы [ 2 ]

0 голосов
/ 26 февраля 2019

Правильный ответ - использовать skipChildren = "false" в ваших командах p: ajax.

https://github.com/primefaces/primefaces/issues/2525

 <p:ajax event="tabChange" 
         skipChildren="false"
         listener="#{deleteMe.onTabChange}" 
         update=":form:msgs" />
0 голосов
/ 25 февраля 2019

Увидел обходной путь для этого, но я не уверен, почему он работает таким образом:

Мне пришлось добавить удаленную команду с прослушивателем tabchange на tabView.

</p> <pre><code><p:remoteCommand name="onTabChangeProcess" process="tView, @this"/> <p:tabView activeIndex="#{deleteMe.activeIndex}" id="tView" onTabChange="onTabChangeProcess()"> <p:ajax event="tabChange" listener="#{deleteMe.onTabChange}" update="tView" process="tView"/>

Это заставило форму работать должным образом.

...