p：数据表分页不起作用

Question

我正在尝试使用分页来呈现DataTable，但是到目前为止我发现的代码片段都没有。 我想我缺少了一些东西...

这是我的测试站点，代码减少了很多，仍然无法正常工作：

test.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">

<body>
<ui:composition>

    <h:form>
        <p:dataTable id="dataTable" var="car" value="#{testBean.createCars(50)}"
            paginator="true" rows="10"
            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
            rowsPerPageTemplate="5,10,15">
            <f:facet name="header">
            Ajax Pagination
        </f:facet>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Brand" />
                </f:facet>
                <h:outputText value="#{car.brand}" />
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Year" />
                </f:facet>
                <h:outputText value="#{car.year}" />
            </p:column>

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Color" />
                </f:facet>
                <h:outputText value="#{car.color}" />
            </p:column>
        </p:dataTable>
    </h:form>

</ui:composition>
</body>
</html>

testBean.java （代码取自http://www.primefaces.org/showcase/ui/data/datatable/paginator.xhtml ）

@Named 
public class TestBean implements Serializable {

/** serialVersionUID. */
private static final long serialVersionUID = 1L;

private final static String[] colors;

private final static String[] brands;

static {
    colors = new String[10];
    colors[0] = "Black";
    colors[1] = "White";
    colors[2] = "Green";
    colors[3] = "Red";
    colors[4] = "Blue";
    colors[5] = "Orange";
    colors[6] = "Silver";
    colors[7] = "Yellow";
    colors[8] = "Brown";
    colors[9] = "Maroon";

    brands = new String[10];
    brands[0] = "BMW";
    brands[1] = "Mercedes";
    brands[2] = "Volvo";
    brands[3] = "Audi";
    brands[4] = "Renault";
    brands[5] = "Fiat";
    brands[6] = "Volkswagen";
    brands[7] = "Honda";
    brands[8] = "Jaguar";
    brands[9] = "Ford";
}

public List<Car> createCars(int size) {
    List<Car> list = new ArrayList<Car>();
    for (int i = 0; i < size; i++) {
        list.add(new Car(getRandomId(), getRandomBrand(), getRandomYear(), getRandomColor(), getRandomPrice(), getRandomSoldState()));
    }

    return list;
}

private String getRandomId() {
    return UUID.randomUUID().toString().substring(0, 8);
}

private int getRandomYear() {
    return (int) (Math.random() * 50 + 1960);
}

private String getRandomColor() {
    return colors[(int) (Math.random() * 10)];
}

private String getRandomBrand() {
    return brands[(int) (Math.random() * 10)];
}

public int getRandomPrice() {
    return (int) (Math.random() * 100000);
}

public boolean getRandomSoldState() {
    return (Math.random() > 0.5) ? true : false;
}

public List<String> getColors() {
    return Arrays.asList(colors);
}

public List<String> getBrands() {
    return Arrays.asList(brands);
}

}

我的输出始终是：

http://i.stack.imgur.com/MXy7Y.png

有人可以在这里帮助我吗？

更新1即使我使用以下代码

<p:dataTable id="dataTable" var="car" value="#{testBean.cars}"

和

@PostConstruct
public void createCars() {
    int size = 50;
    if (cars == null) {
        cars = new ArrayList<Car>();
        for (int i = 0; i < size; i++) {
            cars.add(new Car(getRandomId(), getRandomBrand(), getRandomYear(), getRandomColor(), getRandomPrice(), getRandomSoldState()));
        }
    }
}

public List<Car> getCars() {
    return cars;
}

它仍然不起作用

Answer 1

也许只是您没有粘贴所有代码，但我错过了范围。

试穿

@SessionScope

就在之前

@Named

并保留Kukeltje给您的代码。 绝对是正确的方向

更新：尝试在ui：composition中添加标签

<html> 
 <body> 
   <ui:composition
   xmlns="http://www.w3.org/1999/xhtml"
   xmlns:ui="http://java.sun.com/jsf/facelets"
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:f="http://java.sun.com/jsf/core"
   xmlns:p="http://primefaces.org/ui">

我认为CSS没有加载

更新2：

这是primefaces展示柜中带有工作分页的代码。 与您的代码进行比较并进行测试。

 <?xml version="1.0" encoding="UTF-8"?> 
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:h="http://java.sun.com/jsf/html"  xmlns:f="http://java.sun.com/jsf/core"      xmlns:ui="http://java.sun.com/jsf/facelets"     xmlns:p="http://primefaces.org/ui">     
<h:head>    
</h:head>   
<h:body>        
<h:form prependId="false">          
<p:dataTable id="dataTable" var="car" value="#{tableBean.cars}" paginator="true" rows="10" paginatorTemplate="CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"rowsPerPageTemplate="5,10,15">
            <f:facet name="header">
                Ajax Pagination
            </f:facet>
         <p:column>
            <f:facet name="header">
                <h:outputText value="Brand" />
            </f:facet>
            <h:outputText value="#{car.brand}" />
        </p:column>

        <p:column>
            <f:facet name="header">
                <h:outputText value="Year" />
            </f:facet>
            <h:outputText value="#{car.year}" />
        </p:column>

        <p:column>
            <f:facet name="header">
                <h:outputText value="Color" />
            </f:facet>
            <h:outputText value="#{car.color}" />
        </p:column>  </p:dataTable>

    </h:form>   
</h:body>
 </html>

Answer 2

我遇到了这个问题。 但是问题是我有两个数据列表具有相同的widgetVar名称。 也许对某人有帮助。

Answer 3

通过添加为“ Sytem.out.println”来检查“ createCars（50）”的调用频率。 最有可能超出您的预期。 然后查看与PrimeFaces Showcase的区别。

您指向的代码执行以下操作：

@PostConstruct
public void init() {
    cars = service.createCars(50);
}

public List<Car> getCars() {
    return cars;
}

和

<p:dataTable var="car" value="#{dtPaginatorView.cars}"...

当您直接调用createCars(...) 。

奇怪的是，您看到的所有“示例”都无法正常工作，因为PrimeFaces展示柜可以完美地工作。

也可以看看：

为什么JSF多次调用getter

Answer 4

问题显然与我们所有人的想法无关……只是<ui:composition> ... </ui:composition>的错误用法

删除标签后，它已修复。 这里的问题是<ui:composition>忽略它周围的所有内容（甚至是<body> <head>之类的标签）。 这意味着未将xhtml文件解析为正确的html页。 而且，如果没有任何<head> -tag，则无法包含javascript，因此该功能被禁用，因此分页无法正常工作。

我希望这可以在任何时候帮助任何人。 我显然永远不会再犯此错误。

无论如何，感谢您的所有时间，并帮助您度过这一切！

p：数据表分页不起作用

问题描述

4 个解决方案

解决方案1
1 2015-08-11 08:23:59

解决方案2
1 2016-11-17 12:26:08

解决方案3
0 2015-08-10 14:41:39

解决方案4
0 已采纳 2015-08-12 07:21:34

p：数据表分页不起作用

问题描述

4 个解决方案

解决方案1 1 2015-08-11 08:23:59

解决方案2 1 2016-11-17 12:26:08

解决方案3 0 2015-08-10 14:41:39

解决方案4 0 已采纳 2015-08-12 07:21:34

解决方案1
1 2015-08-11 08:23:59

解决方案2
1 2016-11-17 12:26:08

解决方案3
0 2015-08-10 14:41:39

解决方案4
0 已采纳 2015-08-12 07:21:34