个性化阅读
专注于IT技术分析

PrimeFaces SelectManyButton用法

本文概述

它是使用按钮用户界面的多选组件。 <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;
}
}

输出

PrimeFaces SelectmanyButton1
PrimeFaces SelectmanyButton2
赞(0) 打赏
未经允许不得转载:srcmini » PrimeFaces SelectManyButton用法
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏