EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。
在本文中,我们将学习如何使用 jQuery EasyUI 设计数字框。数字框允许用户在框中添加数值。
EasyUI for jQuery 下载:
https://www.jeasyui.com/download/index.php
句法:
特性:
- disabled:定义是否禁用该字段。
- 值:默认值。
- min:允许的最小值。
- max:最大允许值。
- 精度:小数点分隔符后显示的最大精度。
- 十进制分隔符:十进制字符分隔数字的整数部分和小数部分。 .
- groupSeparator:分隔整数组以显示千位和百万位的字符。
- prefix:前缀字符串。
- 后缀:后缀字符串。
- filter:定义如何过滤按下的键。
- 格式化程序:格式化数字框值的函数。
- 解析器:解析字符串的函数。
方法:
- 选项:返回数字框选项。
- destroy:销毁数字框对象。
- 禁用:禁用该字段。
- enable:启用该字段。
- fix:将值固定为有效值。
- setValue:设置数字框值。
- getValue:获取数字框值。
- clear:清除数字框值。
- 重置:重置数字框值。
事件:
- onChange:当字段值改变时触发。
方法:首先,添加项目所需的 jQuery Easy UI 脚本。
例子:
HTML
GeeksforGeeks
how to make a basic numberbox using jQuery UI?
输出:
参考: http : //www.jeasyui.com/documentation/