PrimeFaces SelectManyButton用法

本文概述

  • ManyButton属性
  • 例子
它是使用按钮用户界面的多选组件。 < p:selectManyButton> 组件用于创建多个按钮。它用于通过按钮获取用户输入。我们可以在JSF应用程序中创建它。它具有下表列出的各种属性。
ManyButton属性
Attribute 默认值 Return type Description
id null String 它是组件的唯一标识符。
rendered true Boolean 它用于渲染组件。它需要布尔值。
binding null obejct 它用于设置一个表达式, 该表达式映射到支持bean中的服务器端UIComponent实例。
value null obejct 用于参考列表设置组件的值。
converter null Converter/String 它用于设置为组件定义转换器的文本。
required false Boolean 用于根据需要制作组件
widgetVar null String 它是客户端小部件的名称。
disabled false Boolean 用于禁用组件。
label null String 用于设置用户可显示名称。
onchange null String 它用于在值更改时执行脚本。
style null String 它用于设置组件的内联CSS。
例子 在下面的示例中, 我们正在实现< p:selectManyButton> 组件。本示例包含以下文件。
JSF文件
// manyButton.xhtml
< ?xml version='1.0' encoding='UTF-8' ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"xmlns:f="http://xmlns.jcp.org/jsf/core"> < h:head> < title> PrimeFaces ManyButton< /title> < /h:head> < h:body> < h:form> < h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"> < h:outputText value="http://www.srcmini.com/Characters:" /> < p:selectManyButton value="http://www.srcmini.com/#{manyButton.selectedValue}"> < f:selectItem itemLabel="j" itemValue="http://www.srcmini.com/j" /> < f:selectItem itemLabel="a" itemVhttp://www.srcmini.com/alue="a" /> < f:selectItem itemLabel="v" itemValue="http://www.srcmini.com/v" /> < f:selectItem itemLabel="a" itemVhttp://www.srcmini.com/alue="a" /> < /p:selectManyButton> < p:commandButton value="http://www.srcmini.com/Submit" update="bol" icon="ui-icon-check" /> < p:spacer /> < h:outputText value="http://www.srcmini.com/Selected:" /> < p:dataList id="bol" value="http://www.srcmini.com/#{manyButton.selectedValue}" var="character" emptyMessage="No character selected"> < h:outputText value="http://www.srcmini.com/#{character}" style="font-weight: bold" /> < /p:dataList> < /h:panelGrid> < /h:form> < /h:body> < /html>

ManagedBean
// ManyButton.java
package com.srcmini; import java.util.List; import javax.faces.bean.ManagedBean; @ManagedBeanpublic class ManyButton {private List< String> selectedValue; public List< String> getSelectedValue() {return selectedValue; }public void setSelectedValue(List< String> selectedValue) {this.selectedValue = http://www.srcmini.com/selectedValue; }}

【PrimeFaces SelectManyButton用法】输出
PrimeFaces SelectManyButton用法

文章图片
PrimeFaces SelectManyButton用法

文章图片

    推荐阅读