您的位置:首页 > 产品设计 > UI/UE

EasyUI简介

2016-12-14 20:49 330 查看

EasyUI 简介

easyui是一种基于jQuery的用户界面插件集合。

easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。

使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。

easyui是个完美支持HTML5网页的完整框架。

easyui节省您网页开发的时间和规模。

easyui很简单但功能强大的

所有的 EasyUI 插件

jQuery easyui提供了一个完整的组件的集合,包括强大的DataGrid,树网格,面板。用户可以使用他们一起,或者只是用一些组件,组合和构建他想要的跨浏览器的网页应用。

Menu 菜单

Menubutton 菜单按钮

Splitbutton 分割按钮

Layout 布局

Accordion 折叠面板

Panel 面板

Tabs 标签页/选项卡

Progressbar 进度条

Tooltip 提示框

Searchbox 搜索框

Resizable 可调整尺寸

Pagination 分页

Droppable 可放置

Easyloader 加载器

Draggable 可拖动

Tree 树

Propertygrid 属性网格

Datagrid 数据网格

Messager 消息框

Dialog 对话框

Numberbox 数字框

Datebox 日期框

Datetimebox 日期时间框

Calendar 日历

Spinner 微调器

Numberspinner 数值微调器

Timespinner 时间微调器

Slider 滑块Window 窗口

Combogrid 组合网格

Combo 组合

Combobox 组合框

Combotree 组合树

Form 表单

Validatebox 验证框

Treegrid 树形网格

Parser 解析器

Linkbutton 链接按钮

在jQuery 和 HTML5 上轻松使用EasyUI

jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员能快速地在流行的 jQuery 核心和 HTML5 上建立程序页面。 这些功能使您的应用适合今天的网络。 有两个方法声明的 UI 组件:

直接在 HTML 声明组件。

<div class="easyui-dialog" style="width:400px;height:200px"
data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
dialog content.
</div>


编写 JavaScript 代码来创建组件。

<input id="cc" style="width:200px" />
$('#cc').combobox({
url: ...,
required: true,
valueField: 'id',
textField: 'text'
});


EasyUI官网:

官网:http://www.jeasyui.com

中文版:http://www.jeasyui.net

EasyUI中文社区: http://bbs.jeasyuicn.com/(张宇、夏季)

EasyUI学习班: http://www.jeasyuicn.com/

EasyUI下载

官网下载地址:http://www.jeasyui.com/download/index.php

EasyUI文档

官网英文文档:http://www.jeasyui.com/documentation/index.php

中文版chm文档下载:http://pan.baidu.com/s/1pL6O7hD
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息