srcmini本文概述
它用于从用户输入布尔值作为输入。这是一个可切换为开或关的按钮。我们可以使用<p：inputSwitch>组件创建它。它还提供了下表中列出的各种属性。
InputSwitch属性
| Attribute | Default value | Type | Description |
|---|---|---|---|
| onLabel | on | String | 用于设置打开状态的标签。 |
| offLabel | off | String | 用于将标签设置为关闭状态。 |
| label | null | String | 用于设置组件的标签。 |
| disabled | null | String | 用于禁用或启用开关。 |
| onchange | false | Boolean | 它用于在值更改事件上调用客户端脚本。 |
| style | null | String | 用于设置主容器的内联CSS。 |
| tabindex | null | String | 它指定元素的制表符顺序。 |
| 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.srcmini;
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;
}
}输出
评论前必须登录！
注册