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/