使用须知
如何开始
安装
全局元素
样式重置
文字
颜色
徽章
提示框
表格
图标
栅格
原生组件
Panel
Accordion
Tabs
Layout
DataGrid
DataList
PropertyGrid
Tree
TreeGrid
LinkButton
Menu
MenuButton
SplitButton
SwitchButton
TabButton
Pagination
ProgressBar
SearchBox
Form
CheckBox
RadioBox
TextBox
PasswordBox
FileBox
TagBox
Combo
ComboBox
ComboGrid
ComboTree
ComboTreeGrid
ComboFilter
NumberBox
NumberSpinner
Calendar
DateBox
DateRangeBox
DateTimeBox
DateTimeRangeBox
TimeSpinner
DateTimeSpinner
Slider
ValidateBox
ImagesBox
Window
Dialog
Messager
Draggable
Droppable
Resizable
Tooltip
MaskedBox
扩展组件
头像
上传
时间轴
聊天
用户面板
消息面板
统计数据面板
Echart面板
圆形统计图
评论
相册
评分
文件
滚动条
二维码
条形码
天气
AT
编辑器
课程表
日程表
项目管理
客户管理
浏览器
FAQ
兼容插件
IconFont
Font Awesome
Ueditor
Ckeditor
Echarts
Plupload
Cropper
BaiduMap
AMap
Colpick
Nprogress
Gantt
GanttEditor
Raty
WebUploader
匿名
匿名 您还未登录

SwitchButton

Document
Native
Basic
SwitchButton Actions
Plus
Extend

SwitchButton Document

用于$.fn.switchbutton.defaults重写默认值对象。(该组件自1.4.3版开始可用)
用在"form"表单中的开关按钮。按钮有2个状态:“开”和“关”,用户可以点击或轻敲来切换,标签状态是可定制的。

文档汉化:

汉化人:王锦阳
汉化语言:简体中文
个人博客:http://blog.sina.com.cn/richie696

依赖关系:

用法:

通过标签创建开关按钮。

					
<input class="easyui-switchbutton" checked> 
<input class="easyui-switchbutton" data-options="onText:'Yes',offText:'No'">
					
				

使用Javascript创建开关按钮。

					
<a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')>Ok</a>   
<div id="mm" style="width:100px;">   
...    
</div> 
					
				

属性:

属性名 属性值类型 描述 默认值
width number 开关按钮宽度。 60
height number 开关按钮高度。 26
handleWidth number 开关把手宽度。 auto
checked boolean 定义按钮是否开启。 false
disabled boolean 定义按钮是否禁用。 false
readonly boolean 定义按钮是否只读。 false
reversed boolean 设置为true时,反转开关文本。 false
onText string 左边文本值(反转后是右边)。 ON
offText string 右边文本值(反转后是左边)。 OFF
handleText string 开关把手文本值。 ''
value string 给按钮绑定默认值。 on

事件:

事件名 参数 描述
onChange checked 在更改控件值的时候触发。

方法:

方法名 方法属性 描述
options none 返回属性对象。
resize param 调整开关按钮大小。
disable none 禁用开关按钮。
代码示例:
							
$('#sb').switchbutton('disable');
							
						
enable none 启用开关按钮。
代码示例:
							
$('#sb').switchbutton('enable');
							
						
readonly mode 启用/禁用只读模式。
check none 启用开关按钮。
uncheck none 禁用开关按钮。
clear none 清除开关按钮的值。
reset none 重置开关按钮的值。
setValue value 设置开关按钮的值。