easyui源码翻译1.32--NumberSpinner(数字微调)
2014-01-01 18:32
363 查看
前言
扩展自$.fn.spinner.defaults和$.fn.numberbox.defaults。使用$.fn.numberspinner.defaults重写默认值对象。下载该插件翻译源码数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值,比如:数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值
源码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic NumberSpinner - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../demo.css"> <script type="text/javascript" src="../../jquery-1.8.0.min.js"></script> <script src="../../plugins2/jquery.parser.js"></script> <script src="../../plugins2/jquery.validatebox.js"></script> <script src="../../plugins2/jquery.spinner.js"></script> <script src="../../plugins2/jquery.numberbox.js"></script> <script src="../../plugins2/jquery.numberspinner.js"></script> </head> <body> <h2>Basic NumberSpinner</h2> <div class="demo-info"> <div class="demo-tip icon-tip"></div> <div>Click spinner button to change value.</div> </div> <div style="margin:10px 0;"></div> <input class="easyui-numberspinner" style="width:80px;" data-options=" onChange: function(value){ $('#vv').text(value); } "></input> <div style="margin:10px 0;"> Value: <span id="vv"></span> </div> </body> </html>
View Code
插件效果
![](http://images.cnitblog.com/blog/353349/201401/01183117-203e9cd03a8d43189b58777dbec4b465.png)
相关文章推荐
- easyui源码翻译1.32--TimeSpinner(时间微调)
- easyui源码翻译1.32--MenuButton(菜单按钮)
- easyui源码翻译1.32--Messager(消息窗口)
- easyui源码翻译1.32--SplitButton(分割按钮)
- easyui源码翻译1.32--Window(窗口)
- easyui源码翻译1.32+API翻译全篇导航 (提供下载源码)
- easyui源码翻译1.32--ComboGrid(数据表格下拉框)
- easyui源码翻译1.32--NumberBox(数值输入框)
- easyui源码翻译1.32--datagrid(数据表格)
- easyui源码翻译1.32--ComboTree(树形下拉框)
- easyui源码翻译1.32--DateBox(日期输入框)
- easyui源码翻译1.32--Draggable(拖动)
- easyui源码翻译1.32--TreeGrid(树形表格)
- easyui源码翻译1.32--ValidateBox(验证框)
- Easyui1.32源码+API翻译全篇导航
- easyui源码翻译1.32--Droppable(放置)
- easyui源码翻译1.32--EasyLoader(简单加载)
- easyui源码翻译1.32--Combo(自定义下拉框)
- easyui源码翻译1.32--Dialog(对话框窗口)
- easyui源码翻译1.32--Form(表单)