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 中文文档 - 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 中文文档 - 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 中文文档 - DateBox日期框
扩展自 $.fn.combo.defaults.用 $.fn.datebox.defaults 重写了 defaults. 依赖 combo calendar 用法 复制代码 代码如下: <input id="dd" type="text"></input> 复制代码 代码如下: $('#dd').datebox({ required:true }); 特性 其特性扩展自 combo,下列是为 datebox 增加的特性. 名称 类型 说明
-
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 中文文档 - 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 中文文档 - 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 中文文档 - 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 中文文档 - ValidateBox验证框
用 $.fn.validatebox.defaults 重写了 defaults. 用法 复制代码 代码如下: <input id="vv" required="true" validType="email"> 复制代码 代码如下: $('#vv').validatebox({ required:true }); 验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则: email
-
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 中文文档 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 中文文档 - 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 中文帮助文档和扩展实例
下载地址: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
随机推荐
- 比file_get_contents稳定的curl_get_contents分享
- asp伪继承初探_实例代码
- vue教程之toast弹框全局调用示例详解
- js中this用法实例详解
- 详解iOS 裁剪圆形图像并显示(类似于微信头像)
- PHP使用socket发送HTTP请求的方法
- Pyhthon中使用compileall模块编译源文件为pyc文件
- JS实现超简洁网页title标题跑动闪烁提示效果代码
- php通过隐藏表单控件获取到前两个页面的url
- 深入PHP中的HashTable结构详解
- C#实现将HTML转换成纯文本的方法
- VC++实现通过API来查看程序错误信息的方法
- linux中用shell快速安装配置Go语言的开发环境
- PHP 编程安全性小结
- 基于javascript实现的搜索时自动提示功能
- js判断变量初始化的三种形式及推荐用的形式
- javascript表单处理具体实现代码(表单、链接、按钮)
- C#中datagridview的EditingControlShowing事件用法实例
- 详解Android 7.0 Settings 加载选项
- js 原生判断内容区域是否滚动到底部的实例代码
