3.5仪表板组件

Question

我想在我的*.xhtml页面中使用pf 3.5仪表板组件:

                <p:growl id="growl" showDetail="true" />
                <p:dashboard id="board" model="#{dashboardBean.model}">
                    <p:ajax event="reorder" listener="#{dashboardBean.handleReorder}"
                        update="growl" />
                    <p:panel id="products" header="Products">
                        <h:outputText value="Product Content" />
                    </p:panel>
                    <p:panel id="plans" header="Plans">
                        <h:outputText value="Plans Content" />
                    </p:panel>
                    <p:panel id="notes" header="Notes">
                        <h:outputText value="Notes Content" />
                    </p:panel>
                </p:dashboard>

和作为我的后端:

我使用与上面链接相同的bean和:

public DashboardBean() {  
    model = new DefaultDashboardModel();  
    DashboardColumn column1 = new DefaultDashboardColumn();  
    DashboardColumn column2 = new DefaultDashboardColumn();  
    DashboardColumn column3 = new DefaultDashboardColumn();  
    column1.addWidget("products");  
    column2.addWidget("plans");  
    column3.addWidget("notes");  
    model.addColumn(column1);  
    model.addColumn(column2);  
    model.addColumn(column3);  
} 

然而，当我在服务器上打开我的页面时，什么也没有显示。我的html输出:

<form id="form" enctype="application/x-www-form-urlencoded" action="/ProductOverview.xhtml" method="post" name="form">
<input type="hidden" value="form" name="form">
<span id="form:growl"></span>
<div id="form:board" class="ui-dashboard"></div>
<input id="j_id1:javax.faces.ViewState:0" type="hidden" autocomplete="off" value="-5329509311621774370:-4596343252720161135" name="javax.faces.ViewState">
</form>

非常感谢您的回复!

Answer 1

添加@ManagedBean和@SessionScoped(例如)注释，

Like this

@ManagedBean 
@SessionScoped 
public DashboardBean(){

Answer 2

您的xhtml页面可能有错误。你指的是我在你的代码中看不到的#{dashboardBean.handleReorder}(除非你没有发布它)，如果在你的bean中没有方法handleReorder，那么它将无法正确构建你的页面。

所以删除侦听器方法或者创建它方法