Question

当我在<h:outputText>中使用<p:panelGrid>时，getter属性，getStartDate()和getEndDate()不起作用。但是，当我从页面中删除<p:panelGrid>时，getter属性运行良好。还有一件事，当我点击Go To Next Week链接时，我会在endDate操作方法中获得nextWeek()的空值。我不知道为什么，即使我使用DatePick作为Conversation Scope。

mypage.xhtml

<table>
    <tr>
        <td>
            <p:commandLink action="#{DatePick.nextWeek()}" immediate="true" value="Go To Next Week" />          
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <p:panelGrid style="margin-top:-1px;" id="datePanel">
                    <h:outputText value="#{DatePick.startDate}" style="color:#333333;font-size:15px;">
                        <f:convertDateTime pattern="yyyy-MM-dd"/>
                    </h:outputText>
                    -
                    <h:outputText value="#{DatePick.endDate}" style="color:#333333;font-size:15px;">
                        <f:convertDateTime pattern="yyyy-MM-dd"/>
                    </h:outputText>
            </p:panelGrid>
        </td>
    </tr>
</table>

DatePick.java

@Name("DatePick")
@Scope(ScopeType.CONVERSATION)
public class DatePick {
    private Date startDate;
    private Date endDate;
    private boolean initFlag = true;

    public void init() {
        System.out.println("init().....");
        initFlag = false;
        startDate = new Date();
    }

    public boolean getInitFlag() {
        System.out.println("getInitFlag() : " + initFlag);
        return initFlag;
    }

    public Date getEndDate() {
        Calendar cal = Calendar.getInstance();        
        cal.setTime(startDate);
        cal.add(Calendar.DATE, 7); 
        endDate =  cal.getTime();
        System.out.println("getEndDate() : " + endDate);
        return endDate;
    }

    public Date getStartDate() {
        System.out.println("getStartDate() : " + startDate);
        return startDate;            
    }

    public void nextWeek() {
        System.out.println("nextWeek() : " + endDate);
        startDate = endDate;
    }
}

Answer 1

您需要指定columns属性。如果没有它，它默认为0列，您需要明确使用<p:row>和<p:column>。另见the <p:panelGrid> showcase。

您的具体功能要求尚不清楚，但您是否希望实现此1列布局？

<p:panelGrid columns="1">
    <h:outputText ... />
    <h:outputText ... />
</p:panelGrid>

或者你只是想要将它们展示在彼此之下？整个事情已经在一个简单的HTML <table>内部，并使用<p:panelGrid>，这在视觉上很有意义。只需使用<br>然后。

<h:outputText ... />
<br />
<h:outputText ... />

在<p：panelgrid>中<h：outputtext>不起作用？</p：panelgrid> </h：outputtext>

1 个答案: