码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-07-21 12:42:19      阅读:275      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!