Question

我想实施pf 3.5 dashboard component我在*.xhtml页面中使用此内容：

                <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>

作为我的后端：

我使用的是与上面link相同的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（例如）注释，

喜欢这个

@ManagedBean 
@SessionScoped 
public DashboardBean(){

Answer 2

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

因此，删除侦听器方法或创建方法。

Primefaces 3.5仪表板组件

2 个答案: