PrimeFaces“tabChange”事件具有动态数量的选项卡

时间:2015-02-11 13:57:11

标签: jsf primefaces

我需要在TabView中获取当前活动标签的标题。 TabView由动态数量的选项卡构成,其中侦听器附加到“tabChanged”:

<p:tabView value="#{bean.list}" var="listItem">
  <p:ajax event="tabChange" listener="#{listenerBean.onChange}" />
  <p:tab title="#{listItem.stringProperty}">
  </p:tab>
</p:tabView>

问题是onChange(TabChangeEvent事件)收到的TabChangeEvent对象总是包含第一个选项卡而不是活动选项卡。

public void onChange(TabChangeEvent event) {
    event.getTab().getTitle(); //allways returns title of first tab
}

如果我明确定义每个选项卡,TabView中的动态选项卡数量只适用于TabChangeEvent。

有什么建议吗?谢谢。

我使用PrimeFaces 3.5和JSF2.1以及Servlets 2.5

1 个答案:

答案 0 :(得分:1)

以下最小的示例通过打印标签的标题来激活我的魅力,每次点击它都会激活:

page.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!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:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <f:view>
        <h:head/>
        <h:body>
            <h:form>
                <p:tabView value="#{bean.items}"
                           var="item">
                    <p:ajax event="tabChange"
                            listener="#{bean.printTitle}"
                            update="@form"/>
                    <p:tab title="#{item}">
                    </p:tab>
                </p:tabView>
            </h:form>
        </h:body>
    </f:view>
</html>

Bean.java

import javax.faces.view.ViewScoped;
import javax.inject.Named;
import java.io.Serializable;
import java.util.Arrays;
import java.util.List;

import org.primefaces.event.TabChangeEvent;

@Named
@ViewScoped
public class Bean implements Serializable {

    private final List<String> items = Arrays.asList("Hello", "This", "Is", "TabView");

    public List<String> getItems() {
        return items;
    }

    public void printTitle(TabChangeEvent event) {
        System.out.println("title = [" + event.getTab().getTitle() + "]");
    }
}