首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否有这样的组件(用于显示可展开列表)?

是否有这样的组件(用于显示可展开列表)?
EN

Stack Overflow用户
提问于 2011-06-11 00:19:27
回答 1查看 466关注 0票数 2

我需要渲染一个可展开的列表,它最初显示大约6-8个项目列表,但在单击'Show all'时,它应该显示整个项目列表。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-06-11 00:43:17

没有PrimeFaces组件出现在我的脑海中,但是仅仅是这样呢?

代码语言:javascript
运行
复制
<h:form>
    <ul>
        <ui:repeat value="#{bean.list}" var="item" varStatus="loop">
            <ui:fragment rendered="#{loop.index lt 6 or bean.showAll}">
                <li>#{item}</li>
            </ui:fragment>
        </ui:repeat>
    </ul>
    <h:commandButton value="Show all" action="#{bean.setShowAll(true)}" rendered="#{!bean.showAll}">
        <f:ajax render="@form" />
    </h:commandButton>
</h:form>

使用

代码语言:javascript
运行
复制
@ManagedBean
@ViewScoped
public class Bean implements Serializable {

    private List<String> list = Arrays.asList("one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten");
    private boolean showAll;

    public List<String> getList() {
        return list;
    }

    public boolean isShowAll() {
        return showAll;
    }

    public void setShowAll(boolean showAll) {
        this.showAll = showAll;
    }

}

如有必要,您可以将其包装在复合组件中。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6309229

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档