p:accordionPanel在第一个标签页上进行

时间:2019-02-20 12:16:43

标签: jsf primefaces jsf-2.2

默认情况下,我使用<p:poll>禁用了autoStart="false"
现在,我通过commandButton打开了一个带有以下示例代码的对话框:

<h:body>
    <h:form>

        <p:commandButton value="Open Dialog" oncomplete="PF('sampleDialog').show();PF('w_poll').start();"/>

        <p:dialog header="Sample Dialog" height="300" width="400" widgetVar="sampleDialog" resizable="false" onHide="PF('w_poll').stop();">
            <p:accordionPanel>
                <p:ajax event="tabChange" oncomplete="PF('w_poll').start();"/>
                <p:tab title="First">
                    <h:panelGroup id="firstGroup">
                        <p:poll interval="1"
                                id="firstPoll"
                                widgetVar="w_poll"
                                update="firstLabel"
                                async="true"
                                autoStart="false"
                                global="false"
                                listener="#{firstCounter.init}"/>
                        <p:outputLabel value="#{firstCounter.number}" id="firstLabel"/>
                    </h:panelGroup>
                </p:tab>
                <p:tab title="Second">
                    <h:panelGroup id="secondGroup">
                        <p:poll interval="3"
                                id="secondPoll"
                                widgetVar="w_poll"
                                update="secondLabel"
                                async="true"
                                autoStart="false"
                                global="false"
                                listener="#{secondCounter.init}"/>
                        <p:outputLabel value="#{secondCounter.number}" id="secondLabel"/>
                    </h:panelGroup>
                </p:tab>
                <p:tab title="Third">
                    <h:panelGroup id="thirdGroup">
                        <p:poll interval="5"
                                id="thirdPoll"
                                widgetVar="w_poll"
                                update="thirdLabel"
                                async="true"
                                autoStart="false"
                                global="false"
                                listener="#{thirdCounter.init}"/>
                        <p:outputLabel value="#{thirdCounter.number}" id="thirdLabel"/>
                    </h:panelGroup>
                </p:tab>
            </p:accordionPanel>
        </p:dialog>
    </h:form>
</h:body>

注意::您可以看到在对话框显示时开始轮询,而在隐藏时停止轮询。
这是我的豆子:

public abstract class AbstractBean implements Serializable {

    private int number;

    public void counter(int sleepTime) {
        sleep(sleepTime);
        this.number = number + 1;
    }

    public int getNumber() {
        return number;
    }

    private static void sleep(int time) {
        try {
            Thread.sleep(time);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
}       

现在用这个抽象实现三个bean:

@Named
@ViewScoped
public class FirstCounter extends AbstractBean {

    @PostConstruct
    public void init() {
        counter(1000);
    }
}

和另一个:

@Named
@ViewScoped
public class SecondCounter extends AbstractBean {

    @PostConstruct
    public void init() {
        counter(3000);
    }
}       

和另一个:

@Named
@ViewScoped
public class ThirdCounter extends AbstractBean {

    @PostConstruct
    public void init() {
        counter(5000);
    }
}

我有两个问题:
1)打开对话框后,手风琴面板的第一个选项卡未启动。
2)更改选项卡事件不起作用。我想开始与此标签相同的计数器。

0 个答案:

没有答案