📜  EasUI jQuery 数字框小部件

📅  最后修改于: 2021-11-25 03:13:18             🧑  作者: Mango

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/