Question

我是JSF的新手。我正在使用JSF 2，并且有一个列表由我的bean文件填充。在我的.xhtml文件中，我想将此信息显示为2列。

在bean类中列出模块;（包含module.enable module.name）

该列表中有30个模块。我想在2列中显示所有这些模块信息。例如：我想在一列中显示第一个模块信息（module.enable module.name），在第二列中显示第二个模块信息。或者它可以是第一列中的前15个模块，第二列中的剩余15个模块。尝试使用h：dataTable和h：panelGrid但无法使其正常工作。

任何帮助都将受到高度赞赏。

由于 Shyju

Answer 1

这是我使用ui的重复 varStatus 属性解决问题的代码：repeat

   <h:panelGrid  id="moduleList" columns="2" border="1" >
        <f:facet name="header">
            <h:outputText value="Modules"/>
        </f:facet>
        <ui:repeat  value="#{EnableCodeBean.modules}"  var="modules" varStatus="status">
            <h:panelGroup>
                <h:selectBooleanCheckbox value="#{modules.enable}"/>
                <h:outputText value="#{modules.name}"/>
            </h:panelGroup>
            <f:verbatim rendered="#{status.index mod 2 == 1}">
                &lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;
            </f:verbatim>
            <f:verbatim rendered="#{status.index mod 2 == 0}">
                &lt;/td&gt;&lt;td&gt;
            </f:verbatim>
        </ui:repeat>
    </h:panelGrid>

Answer 2

通过玩一些<h:dataTable>的属性值，我们可以做出类似的事情：属性first，表示要开始显示的列表的第一个索引，以及rows的一个，表示要从显示的开始索引开始显示的行数，否则，它从第1行显示，依此类推。

这是一个启动示例，依赖于一个<h:dataTalbe>中包含的2个<h:panelGrid coulmns="2">标记，并且仅依赖于4个模块以简化目的，每列2个。每个<h:dataTable>代码必须具有其first属性的不同值：

Backing-bean：

@ManagedBean
@RequestScoped
public class ModuleBacking{

private List<Module> modules = new ArrayList<Module>();

public ModuleBacking() {
}

@PostConstruct
public void insertion() {
    Module m1 = new Module("math",true);
    Module m2 = new Module("english",false);
    Module m3 = new Module("physics",false);
    Module m4 = new Module("chimics",true);        
    modules.add(m1);
    modules.add(m2);
    modules.add(m3);
    modules.add(m4);
}

public List<Module> getModule() {
    return modules;
}

public List<Module> displayModules(){
    return modules;
}

}

观点：

    <h:body>
    <h:panelGrid columns="2" cellspacing="3" cellpadding="3" style="border-style:   solid" rules="all" >
        <f:facet name="header">
            <h:outputText value="First 2 modules" style="padding-right:80px "/>
            <h:outputText value="Second 2 modules"/>
        </f:facet>
            <h:dataTable value="#{moduleBacking.displayModules()}" var="m" rules="all" first="0" rows="2">
                <h:column>
                        <f:facet name="header" ><h:outputText value="Module's name" /></f:facet>
                        <h:outputText value="#{m.name}" />
                </h:column>
                <h:column>
                    <f:facet name="header" ><h:outputText value="Module's enabling" /></f:facet>
                    <h:outputText value="#{m.enable}" />
                </h:column>
            </h:dataTable>
            <h:dataTable value="#{moduleBacking.displayModules() }" var="m" rules="all" first="2" rows="2">
                <h:column>
                        <f:facet name="header" ><h:outputText value="Module's name" /></f:facet>
                        <h:outputText value="#{m.name}" />
                </h:column>
                <h:column>
                    <f:facet name="header" ><h:outputText value="Module's enable" /></f:facet>
                    <h:outputText value="#{m.enable}" />
                </h:column>
            </h:dataTable>

    </h:panelGrid>  
</h:body>

在您的情况下，两个<h:dataTable>似乎是这样的：

<h:dataTable value="#{moduleBacking.displayModules()}" var="m" rules="all" first="0" rows="15">

<h:dataTable value="#{moduleBacking.displayModules()}" var="m" rules="all" first="15" rows="15">

JSF 2显示2列中的列表值

2 个答案: