📜  EasyUI jQuery 文本框小部件

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

EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。

在本文中,我们将学习如何使用 jQuery EasyUI 设计文本框。文本框用于在表单中输入文本

EasyUI for jQuery 下载:

https://www.jeasyui.com/download/index.php

句法:

特性:

  • width:组件的宽度。
  • 高度:组件的高度。
  • cls:向文本框添加 CSS 类。
  • prompt:输入框中要显示的提示信息。
  • 值:默认值。
  • 类型:文本框类型。
  • label:绑定到文本框的标签选择器。
  • labelWidth:标签宽度。
  • labelPosition:标签位置。
  • labelAlign:标签对齐方式。
  • multiline:它定义了一个多行文本框。
  • 可编辑:它定义用户是否可以直接在字段中输入文本。
  • disabled:定义是否需要禁用该字段。
  • readonly:它定义组件是否为只读。
  • 图标:附加到文本框的图标。
  • iconCls:文本框上显示的背景图标。
  • iconAlign:定义图标的位置。
  • iconWidth:图标宽度。
  • buttonText:附加到文本框的按钮的显示文本。
  • buttonIcon:附加到文本框的按钮的显示图标。
  • buttonAlign:按钮的位置。

事件:

  • onChange :当字段值更改时触发此事件。
  • onResize :当调整文本框大小时会触发此事件。
  • onClickButton :当用户单击按钮时会触发此事件。
  • onClickIcon :当用户单击图标时触发此事件。

方法:

  • 选项:返回选项对象。
  • 文本框:返回文本框对象。
  • 按钮:返回按钮对象。
  • destroy:销毁文本框组件。
  • 调整大小:调整组件宽度。
  • disable:禁用组件。
  • enable:启用组件。
  • readonly:启用/禁用只读模式。
  • clear:清除组件值。
  • reset:重置组件值。
  • initValue:初始化组件值。
  • setText:设置显示文本值。
  • getText:获取显示文本值。
  • setValue:设置组件值。
  • getValue:获取组件值。
  • getIcon:获取指定的图标对象。

方法:

  • 首先,添加项目所需的 jQuery Easy UI 脚本。

例子:

HTML
 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
  
    
     
      
    
     
  
 
 
  

  
    

GeeksforGeeks

    

EasyUI jQuery textbox widget

     Enter name :   


输出:

参考: http://www.jeasyui.com/documentation/