PrimeFaces InputSwitch

17 Mar 2025 | 阅读 2 分钟

它用于从用户处获取布尔值作为输入。它是一个在 ON 和 OFF 之间切换的按钮。我们可以使用 <p:inputSwitch> 组件来创建它。它还提供了各种属性，如下表所示。

InputSwitch 属性

属性	默认值	类型	描述
onLabel	on	String	它用于为开启状态设置标签。
offLabel	off	String	它用于为关闭状态设置标签。
label	null	String	它用于为组件设置标签。
disabled	null	String	它用于禁用或启用开关。
onchange	false	Boolean	它用于在值更改事件时调用客户端脚本。
style	null	String	它用于设置主容器的内联 CSS。
tabindex	null	String	它指定元素的 Tab 键顺序。
showLabels	null	String	它用于设置标签的可见性。
onfocus	null	String	当组件获得焦点时执行。
onblur	null	String	当组件失去焦点时执行。

示例

在这里，在以下示例中，我们正在实现 <p:inputSwitch> 组件。此示例包含以下文件。

JSF 文件

// switch.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">
<h:head>
<title>Switch</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
<h:outputText value="Set Alarm ON/OFF:" />
<p:inputSwitch value="#{switchDemo.value}" />
</h:panelGrid>
<p:commandButton value="Submit" icon="ui-icon-check" />
</h:form>
</h:body>
</html>

ManagedBean

// SwitchDemo.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class Slider {
private int value;
public int getValue() {
return value;
}
public void setValue(int value) {
this.value = value;
}
}

输出

下一个主题PrimeFaces Password

← 上一个下一个 →

PrimeFaces InputSwitch

InputSwitch 属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces InputSwitch

InputSwitch 属性

示例

JSF 文件

ManagedBean

相关帖子

PF SelectOneListbox

PF Editor

PF Inplace

PF ColorPicker

PF CommandButton

PF BooleanButton

PF Toolbar

PF SplitButton

PF Steps

PF ConfirmDialog

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器