【jQuery EasyUI系列】使用属性介绍
2016-07-21 11:32
253 查看
1.ValidateBox
The validatebox is designed to validate the form input fields.If users enter invalid values,it will change the background color,display the alarm icon and a tooltip message.The validatebox can integrated with form plugin and will prevent invalid fields from submission.
2.TextBox
The TextBox component is a enhanced input field that allows users build their form easily. It is the base component for building other complex components such as combo,datebox,spinner,etc.
3.DateBox
The datebox combines a editable text box with drop-down calendar panel that allows the user to select a date. The entered string in the text box can be transformed to a valid date. The selected date can also be formatted as expected.
4.DateTimeBox
Similar to the datebox, the datetimebox allows the user to select a date and a time to display the date and time with specified format. It adds a timespinner component to the drop-down panel.
5.ToolTip
When a user move the mouse pointer over an element, a tooltip message window appears to display additional information. The tooltip content can contain any html elements that come from the page or via ajax.
The validatebox is designed to validate the form input fields.If users enter invalid values,it will change the background color,display the alarm icon and a tooltip message.The validatebox can integrated with form plugin and will prevent invalid fields from submission.
<input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'">
2.TextBox
The TextBox component is a enhanced input field that allows users build their form easily. It is the base component for building other complex components such as combo,datebox,spinner,etc.
<input class="easyui-textbox" data-options="iconCls:'icon-search'" style="width:300px">
3.DateBox
The datebox combines a editable text box with drop-down calendar panel that allows the user to select a date. The entered string in the text box can be transformed to a valid date. The selected date can also be formatted as expected.
<input id="dd" type="text" class="easyui-datebox" required="required">
4.DateTimeBox
Similar to the datebox, the datetimebox allows the user to select a date and a time to display the date and time with specified format. It adds a timespinner component to the drop-down panel.
<input class="easyui-datetimebox" name="birthday" data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">
5.ToolTip
When a user move the mouse pointer over an element, a tooltip message window appears to display additional information. The tooltip content can contain any html elements that come from the page or via ajax.
<a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>
相关文章推荐
- Jquery 用法总结
- jQuery 之 AJAX 方法(12)
- Jquery.Form和jquery.validate 的使用
- 使用jQuery清空file文件域的解决方案(转)
- js和Jquery获取选中select值和文本
- jquery load方法用法详解
- 修改$.messager.confirm按钮显示文字
- jQuery表单验证插件解析(推荐)
- jQuery点击页面其他任意地方关闭弹框
- jquery validation
- 42、jQuery(4)
- jQuery 事件 - ready() 方法
- java jsp与jquery easyui整合代码下载,有n个demo教程
- 41、jQuery(3)
- 完美JQuery图片切换效果的简单实现
- servlet学习(四)
- jQuery的ajax下载blob文件
- jQuery新窗口打开外链接
- 【jQuery EasyUI系列】创建CRUD数据网格
- [JQ权威指南]JQuery中的全局事件