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

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>
时间: 2024-10-06 09:52:49

【jQuery EasyUI系列】使用属性介绍的相关文章

[jQuery EasyUI系列] 创建增删改查应用

一.数据收集并妥善管理数据是网络应用共同的必要.CRUD允许我们生产页面列表并编辑数据库记录. 本文主要演示如何使用jQuery EasyUI实现CRUD DataGrid. 将使用到的插件有: datagrid:向用户展示列表数据 dialog:创建并编辑一条单一的数据 form:用于提交表单数据 messager:显示一些操作信息 二.操作步骤 1.准备数据库并创建实例数据 2.创建DataGrid来显示用户信息 创建没有JavaScript代码的DataGrid 1 <table id=&qu

[JQuery EasyUI系列]简介

一.jQuery EasyUI是一个基于jQuery的框架,继承了各种用户界面插件. 二.jQuery EasyUI框架提供了创建网页所需的一切,可以轻松建立站点. easyui是一个基于jQuery的框架,集成了各种用户界面插件 easyui提供建立现代化的具有交互性的JavaScript应用的必要的功能 使用easyui,您不需要写太多的JavaScript代码,一般情况下只需要使用一些html标记来定义用户界面. HTML网页的完整框架 easyui节省了开发产品的时间个规模 easyui

【jQuery EasyUI系列】 创建展开行明细编辑表单的CRUD应用

当切换数据网络格局(datagrid view)到detailview,用户可以展开一行来显示一些行的明细在行下面,这个功能允许您为防止在明细行面板中的编辑表单提供一些合适的布局. 步骤1.在HTML标签中定义数据网格DataGrid 1 <table id="dg" title="My Users" style="width:550px;height:250px" 2 url="get_users.php" 3 too

【夯实PHP基础系列】JQuery easyUI的使用

最近在做一个公司的后台项目中,接触到 JQuery easyUI前端框架,被她简洁的代码和简单有效的ajax交互所深深吸引. 体会有以下3个方面: 1)快速创建表格的能力: 后端程序,比如PHP只需要给前端 一个json的数组,easyUI就能自己进行循环数组,填充表格,方便又快捷.分页也是一步到位 //表格 PHP后端代码 $pageList['rows'] = array( array('name'=>'周杰伦', 'work'=>'歌手'), array('name'=>'叶良辰'

一、初识jQuery EasyUI

用了jQuery EasyUI(后面简称"EasyUI")半年了,做了一个项目,目前项目开发将近完成,对EasyUI算是有些开发经验了吧,所以想分享下开发中的那些事儿. 百度一下EasyUI,你会发现好多的教程,但大都只是些Demo及API的解释,而开发中的遇到的一些问题很少有解答,也许是没人问过吧.本人在本系列文章里就不过多的说明API了,主要是分享一些碰到的问题及我自己的解决办法,算是抛砖引玉吧.高手飘吧--^o^ 闲话少絮,如题本节先来了解下EasyUI. 1.EasyUI的目录

jquery easyui中文培训文档

目  录 1.... Accordion(可折叠标签)... 2 1.1          实例... 2 1.2          参数... 3 2.... DateBox(日期框)... 4 2.1          实例... 4 2.2          参数... 6 2.3          事件... 6 2.4          方法... 6 3.... ComboBox(组合框) 7 3.1          实例... 7 3.2          参数... 9 3.3

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发1-准备工作

/****** Object: 新闻表 Script Date: 2017/9/2 星期六 15:11:12 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[SITE_ARTICLE]( [ID] [nvarchar](36) NOT NULL,--ID [TITLE] [nvarchar](100) NULL,--新闻标题 [COLID] [nvarchar](36) NULL,--所属栏

第二百零八节,jQuery EasyUI,SplitButton(分割按钮菜单)组件

jQuery EasyUI,SplitButton(分割按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 SplitButton(分割按钮)组件的使用方法,这个组件依赖 于 Menu(菜单)组件和 LinkButton(按钮)组件. 注意:SplitButton(分割按钮)组件与,MenuButton(菜单按钮)是一样的,不同是(分割按钮)组件多了一个分隔符 一加载方式 class 加载方式 <a href="javascript:void

JQuery EasyUI的常用组件

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一.表单 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等.当提交表单的时候可以调用validate方法检查表单是否有效. 用法: 使用form标签创建 <form id="ff" method="post"> <