首页 > Web开发 > 详细

【jQuery EasyUI系列】使用属性介绍

时间:2016-07-21 12:42:08      阅读:296      评论:0      收藏:0      [点我收藏+]

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.

1 <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.

1 <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.

1 <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.

1 <input class="easyui-datetimebox" name="birthday" 
2         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.

1 <a href="#" title="This is the tooltip message." class="easyui-tooltip">Hover me</a>

 

 

【jQuery EasyUI系列】使用属性介绍

原文:http://www.cnblogs.com/dream-to-pku/p/5691161.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!