jQuery EasyUI API 中文文档 - Spinner微调器使用
扩展自 $.fn.validatebox.defaults,用 $.fn.spinner.defaults 重写了 defaults。
依赖
validatebox
用法
代码如下:
<input id="ss" value="2">
$('#ss').spinner({
required:true,
increment:10
});
特性
其特性扩展自 validatebox,下列是为 spinner 增加的特性。
名称 |
类型 |
说明 |
默认值 |
width |
number |
组件的宽度。 |
auto |
value |
string |
初始值。 | |
min |
string |
允许的最小值。 |
null |
max |
string |
允许的最大值。 |
null |
increment |
number |
点击微调器按钮时的增量值。 |
1 |
editable |
boolean |
定义用户是否可以往文本域中直接输入值。 |
true |
disabled |
boolean |
定义是否禁用文本域。 |
false |
spin |
function(down) |
当用户点击微调按钮时调用的函数。 |
事件
名称 |
参数 |
说明 |
onSpinUp |
none |
当用户点击向上微调按钮时触发。 |
onSpinDown |
none |
当用户点击向下微调按钮时触发。 |
方法
其方法扩展自 validatebox,下列是为 spinner 增加的方法。
名称 |
参数 |
说明 |
options |
none |
返回 options 对象。 |
destroy |
none |
销毁微调器组件。 |
resize |
width |
重设组件的宽度。 |
enable |
none |
启用组件。 |
disable |
none |
禁用组件。 |
getValue |
none |
获取组件的值。 |
setValue |
value |
设置组件的值。 |
clear |
none |
清除组件的值。 |
相关推荐
-
jQuery EasyUI API 中文帮助文档和扩展实例
下载地址:jQuery EasyUI API 中文帮助文档 1.validatebox验证和提示框扩展: //弹框 $.extend({ show_alert: function (strTitle, strMsg) { $.messager.alert(strTitle, strMsg); } }); //扩展validatebox,添加验证 $.extend($.fn.validatebox.defaults.rules, { eqPwd: { validator: function (va
-
jQuery EasyUI API 中文文档 - ComboBox组合框
扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option>
-
jQuery EasyUI API 中文文档 - ComboTree组合树
扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. 依赖 combo tree 用法 <select id="cc" style="width:200px;"></select> <input id="cc" value="01"> 复制代码 代码如下: $('#cc').co
-
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults. 依赖 datagrid 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').treegrid({ url:'treegrid_data.json', treeField:'name', columns:[[ {title:'Task Name',field:'name'
-
jQuery EasyUI API 中文文档 - Calendar日历使用
用 $.fn.calendar.defaults 重写了 defaults. 用法 复制代码 代码如下: <div id="cc" style="width:180px;height:180px;"></div> 复制代码 代码如下: $('#cc').calendar({ width:600, height:600, current:new Date() }); 特性 名称 类型 说明 默认值 width number 日历组件的宽度. 1
-
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
扩展自 $.fn.datebox.defaults.用 $.fn.datetimebox.defaults 重写了 defaults. 依赖 datebox timespinner 用法 复制代码 代码如下: <input id="dt" type="text"></input> 复制代码 代码如下: $('#dt').datetimebox({ showSeconds:false }); 特性 其特性扩展自 datebox,下列是为 dat
-
jQuery EasyUI API 中文文档 - Tree树使用介绍
用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppable 用法 Tree 能在 <ul> 元素里定义,此标记可以定义为叶节点和子节点.下面是一个示例: 复制代码 代码如下: <ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> &
-
jQuery EasyUI API 中文文档 - ValidateBox验证框
用 $.fn.validatebox.defaults 重写了 defaults. 用法 复制代码 代码如下: <input id="vv" required="true" validType="email"> 复制代码 代码如下: $('#vv').validatebox({ required:true }); 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email
-
jQuery EasyUI API 中文文档 - Form表单
Form 表单 用法 复制代码 代码如下: <form id="ff" method="post"> ... </form> 使 form 成为 ajax 提交的 form . 复制代码 代码如下: $('#ff').form({ url:..., onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提
-
jQuery EasyUI API 中文文档 - ComboGrid 组合表格
扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults . 依赖 combo datagrid 用法 复制代码 代码如下: <select id="cc" name="dept" style="width:250px;"></select> 复制代码 代码如下: <input id="cc
-
jQuery EasyUI API 中文文档 - DataGrid数据表格
扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'
-
jQuery EasyUI API 中文文档 - DateBox日期框
扩展自 $.fn.combo.defaults.用 $.fn.datebox.defaults 重写了 defaults. 依赖 combo calendar 用法 复制代码 代码如下: <input id="dd" type="text"></input> 复制代码 代码如下: $('#dd').datebox({ required:true }); 特性 其特性扩展自 combo,下列是为 datebox 增加的特性. 名称 类型 说明
随机推荐
- 使用python实现省市三级菜单效果
- mysql报错1033 Incorrect information in file: ‘xxx.frm’问题的解决方法
- javascript 写类方式之四
- java split用法详解及实例代码
- oracle存储过程创建表分区实例
- Canvas 制作动态进度加载水球详解及实例代码
- JS操作Cookies的小例子
- 如何用JavaScript实现动态修改CSS样式表
- 如何使用C#在PDF文件添加图片印章
- PHP session有效期问题
- php生成图片缩略图的方法
- Android编程实现长按弹出选项框View进行操作的方法
- mysql 加了 skip-name-resolve不能链接数据库问题的解决方法
- mysql error:#1062 Duplicate entry ‘***′ for key 1问题解决方法
- JS递归遍历对象获得Value值方法技巧
- setTimeout在类中使用的问题!
- PHP实现原生态图片上传封装类方法
- 微信小程序 五星评价功能的实现
- C语言中实现“17进制”转“10进制”实例代码
- Android Handler工作原理解析