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

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.

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