JSF 和 Primefaces 数据网格，链接到查看页面

Question

我有一个名为 tours 的 jsf 页面和一个 tourController，在 tours 中，我使用 primefaces 数据网格来显示我的游览项目，并使用 commandLink 为每个项目添加视图链接。问题是当我单击链接时，它没有转到 viewTour 页面，而是显示了 tours.xhtml 的同一页面。过了一会儿，它说视图已过期，所以它似乎去了某个地方。这是我的代码：

TourController.java viewTour 方法：

public String viewTour(){
    current = (Tour) getItems().getRowData();
    selectedItemIndex = pagination.getPageFirstItem()+getItems().getRowIndex();
    return "ViewTour";
}

tours.xhtml 数据网格：

<h:form id="list">
            <p:dataGrid var="item" value="#{tourController.items}" columns="4" rows="20" paginator="true">                
                <p:panel>
                    <p:panelGrid style="width: 180px; height: 200px">   
                        <f:facet name="header">
                            <p:row><p:column colspan="2"><h:outputText value="#{item.destination}"/></p:column></p:row>
                        </f:facet>
                        <p:row>
                            <p:column colspan="2" style="text-align: center">
                                <h:commandLink id="viewTour" action="#{tourController.viewTour()}" style="color: darkred; font-weight: bold">
                                    <h:outputText value="#{item.description}"/>
                                </h:commandLink>                                    
                            </p:column>
                        </p:row>                            
                        <p:row>
                            <p:column rowspan="2" style="vertical-align: middle">
                                <h:outputText value="#{item.company}"/><br/>                               
                                <h:outputText value="#{item.phone}"/><br/>
                                <a href="mailto:#{item.email}"><h:outputText value="#{item.email}"/></a><br/>
                                <a href="#{item.websiteurl}"><h:outputText value="#{item.websiteurl}"/></a>                        
                            </p:column>
                        </p:row>    
                        <p:row>
                            <p:column><p:graphicImage value="/resources/images/tours/#{item.imgurl}.jpg"/></p:column>
                        </p:row>
                    </p:panelGrid>
                </p:panel>
            </p:dataGrid>                
        </h:form>

ViewTour.xhtml：

<h:form>
            <h:panelGrid columns="2">   
                <h:outputText value="#{bundle.ViewTourLabel_imgurl}"/>
                <h:outputText value="#{tourController.selected.imgurl}"/>
                <h:outputText value="#{bundle.ViewTourLabel_source}"/>
                <h:outputText value="#{tourController.selected.source}" title="Source"/>
                <h:outputText value="#{bundle.ViewTourLabel_destination}"/>
                <h:outputText value="#{tourController.selected.destination}" title="Destination"/>
                <h:outputText value="#{bundle.ViewTourLabel_daysno}"/>
                <h:outputText value="#{tourController.selected.daysno}" title="Duration"/>
                <h:outputText value="#{bundle.ViewTourLabel_price}"/>
                <h:outputText value="#{tourController.selected.price}" title="Price"/>
                <h:outputText value="#{bundle.ViewTourLabel_description}"/>
                <h:outputText value="#{tourController.selected.description}" title="Description"/>
                <h:outputText value="#{bundle.ViewTourLabel_date}"/>
                <h:outputText value="#{tourController.selected.date}" title="Date of Travel:">
                    <f:convertDateTime pattern="MM/dd/yyyy" />
                </h:outputText>
                <h:outputText value="To book this trip contact:"/>
                <h:outputText value="#{bundle.ViewTourLabel_phone}"/>                    
                <h:outputText value="#{tourController.selected.phone}" title="Phone:"/>
                <h:outputText value="#{bundle.ViewTourLabel_email}"/>
                <h:outputText value="#{tourController.selected.email}" title="Email:"/>                                        
                <h:outputText value="#{bundle.ViewTourLabel_purpose}"/>
                <h:outputText value="#{tourController.selected.purpose}" title="Special Purpose Tour:"/>                    
                <h:outputText value="#{bundle.ViewTourLabel_company}"/>
                <h:outputText value="#{tourController.selected.company}" title="Arranged by:"/>
                <h:outputText value="#{bundle.ViewTourLabel_websiteurl}"/>
                <h:outputText value="#{tourController.selected.websiteurl}" title="Website:"/>
                <h:outputText value="#{bundle.ViewTourLabel_rating}"/>
                <h:outputText value="#{tourController.selected.rating}"/>                    
            </h:panelGrid>                                
        </h:form>

Answer 1

更新： OP自己解决了：

This post helped Primefaces DataGrid - CommandLink is not working.<p:panel> tags should be inside <p:column> when all are inside a <p:datagrid> tag.

---

如果我是你，我会检查的事情：

我想viewTour() 得到正确调用和执行。

• 检查 ViewTour.xhtml 是否与 tours.xhtml 位于同一文件夹中。如果不是，您必须指定正确的路径。
• 检查您的 servlet 映射 是否为 .jsf 文件正确配置。打开位于配置文件中的 web.xml 并检查 servlet 映射 是否如下所示：

<servlet-mapping>

    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern>
 </servlet-mapping>

可能还有很多其他问题，但这些是 IMO 最常见的问题..

另请注意：

如果您需要在浏览器中更新 URL 地址，那么您需要使用 redirect。

要重定向到另一个页面，您必须使用?faces-redirect=true。像这样return "ViewTour?faces-redirect=true"; 将它附加到您的返回字符串中。如果没有这个，您将仅使用完全在服务器端发生的 forward 机制，因此您的 URL 不会在浏览器中更新。

编辑

在您的情况下它无法导航的原因可能是您的 tourController bean 的 bean 范围。由于在大多数情况下控制器 bean 是 @RequestScope-d（我认为您的情况也是如此），问题是您的 <h:commandLink> 被放置在迭代组件中 - <p:dataGrid>。 JSF 将尝试在apply request values phase 期间查找单击的commandLink 和提交的值——它会在组件上重复。

因此，您需要确保在此阶段（与单击时）给出的组件值完全相同。

解决方案：把你的bean放到@ViewScope或者在@PostConstruct加载数据。

还要检查其他相关问题，请参阅 JSF 大师 BalusC 的 this post。