本文概述
它是使用按钮用户界面的多选组件。 <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="Characters:" />
<p:selectManyButton value="#{manyButton.selectedValue}">
<f:selectItem itemLabel="j" itemValue="j" />
<f:selectItem itemLabel="a" itemValue="a" />
<f:selectItem itemLabel="v" itemValue="v" />
<f:selectItem itemLabel="a" itemValue="a" />
</p:selectManyButton>
<p:commandButton value="Submit" update="bol" icon="ui-icon-check" />
<p:spacer />
<h:outputText value="Selected:" />
<p:dataList id="bol" value="#{manyButton.selectedValue}" var="character" emptyMessage="No character selected">
<h:outputText value="#{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;
@ManagedBean
public class ManyButton {
private List<String> selectedValue;
public List<String> getSelectedValue() {
return selectedValue;
}
public void setSelectedValue(List<String> selectedValue) {
this.selectedValue = selectedValue;
}
}
输出
评论前必须登录!
注册