最近在找工作，发现很多要求里都需要easyui，特来学习一下
学习网站：http://www.jeasyui.net/
下载easyui：http://www.jeasyui.com/download/index.php
下载完成后解压就好了
<%--
Created by IntelliJ IDEA.
User: hasee
Date: 2017/2/9
Time: 15:09
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title></title>
<!-- 导入jQuery插件包 -->
<script type='text/javascript' src="/ssm/static/jquery-easyui-1.5.1/jquery.min.js"></script>
<!-- 导入jQuery EasyUI的插件包 -->
<script type='text/javascript' src="/ssm/static/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
<!-- 导入默认的easyui的css包 -->
<link rel="stylesheet" type="text/css" href="/ssm/static/jquery-easyui-1.5.1/themes/default/easyui.css" />
<!-- 导入图标包-->
<link rel="stylesheet" type="text/css" href="/ssm/static/jquery-easyui-1.5.1/themes/icon.css"/>
</head>
</head>
<body>
<div class="easyui-dialog" style="width:400px;height:200px" data-options="title:'MyDialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
dialog content.
</div>
</body>
</html>
- 大小: 5 KB
分享到：
相关推荐
在这个“easyui简单表格实现分页案例”中，我们将探讨如何在SSM（Spring、SpringMVC、MyBatis）框架下利用EasyUI的表格组件实现分页功能，并结合MySQL数据库进行数据操作。 首先，我们需要了解SSM框架的基本概念。...
5. **表单（Form）**：EasyUI 提供了与数据绑定的表单组件，使得数据输入和验证变得简单。这部分可能会涉及表单元素的使用，如文本框（TextField）、下拉框（ComboBox）、复选框（Checkbox）等，以及表单的提交和...
4. **交互测试**：在浏览器中运行项目，尝试操作树形结构和商品列表，观察它们的响应和变化，理解EasyUi的事件处理机制。 通过这个小项目，你可以深入理解EasyUi的使用方法，掌握前端UI设计的基本技巧，以及如何与...
EasyUI 是一个基于 jQuery 的轻量级前端框架，主要用于构建用户界面。这个实例是一个可以直接导入到 MyEclipse 开发环境中的...在实践中，不断尝试、调整和优化，才能真正掌握 EasyUI 的精髓，并将其运用到实际项目中。
这个“EasyUi布局示例”提供了很好的学习资源，可以一边查看代码一边尝试修改，加深理解和应用能力。 总的来说，EasyUi为前端开发者提供了强大的工具，使得创建美观、响应式的用户界面变得容易。对于初学者来说，...
EasyUI 是一个基于 jQuery 的轻量级用户界面...记住，理论学习与实际操作相结合是掌握技术的关键，因此不仅要观看视频，还要动手尝试，遇到问题时积极查阅文档和在线资源，这样才能更好地吸收和运用 EasyUI 的功能。
EasyUI是一个流行的轻量级JavaScript框架，它基于jQuery，提供了丰富的组件和强大的布局功能，使得前端界面的构建变得简单快捷。 在这款工具中，"v3.5"可能代表软件的版本号，通常意味着在先前版本的基础上进行了...
EasyUI的核心理念是简化HTML和JavaScript的交互，通过简单的标记和配置就能实现复杂的用户界面。它的组件涵盖了页面的各个部分，包括： 1. **基础组件**：如对话框（dialog）、提示（tooltip）、加载指示器...
EasyUI的核心理念是简化开发，通过简单的HTML标记和CSS样式，就能实现复杂的功能。 在EasyUI MVC结合的项目中，通常会按照MVC的架构来组织代码。模型（Model）负责处理数据和业务逻辑，视图（View）呈现用户界面，...
通过"easyUI demo"，开发者可以逐个尝试这些示例，了解每个组件的功能和用法，以及如何与其他组件和后端服务配合工作。实践中，应注重理解其核心思想，即通过 HTML 标签和属性配置实现 UI 功能，同时结合 JavaScript...
4. **按钮(Button)**：不仅仅是简单的点击触发器，EasyUI 的按钮组件还支持图标、状态（如禁用、加载中）以及与其他组件的联动。 5. **表单(Form)**：EasyUI 提供了丰富的表单控件，如文本框、下拉框、复选框和单选...
6. **实践应用**：现在，你可以开始尝试使用EasyUI的组件。例如，创建一个简单的对话框： ```html $('#dlg').dialog('open')">Open Dialog <div id="dlg" class="easyui-dialog" style="width:400px;height:200px;...
`jQuery EasyUI` 是一个基于 jQuery 的前端开发框架，它为开发者提供了丰富的组件和便捷的API，使得构建交互式Web应用变得更加简单。...如果你正在寻找一个易于上手、功能丰富的前端框架，jQuery EasyUI 绝对值得尝试。
4. **主题系统**：EasyUI提供多套预设主题，可以通过简单的CSS切换改变整个应用的外观。同时，用户也可以自定义主题，满足特定的视觉需求。 5. **布局管理**：在实例演示中，会展示如何使用EasyUI的布局组件创建...
2. **数据绑定**：EasyUI 支持与后端数据源进行数据绑定，例如 JSON 数据，通过简单的配置即可实现数据的加载、分页、排序和过滤。 3. **样式和主题**：EasyUI 提供了多种预设主题，使得应用界面可以保持一致的视觉...
9. **实战应用**：学习EasyUI不仅仅是理论，还需要通过实际项目来练习和提升，可以尝试创建一个包含多个组件的简单应用，如管理后台、数据分析界面等。 在使用这个离线版的jQuery EasyUI CHM文档时，你可以快速查找...
EasyUI是一个轻量级且易于使用的JavaScript框架，它通过简单的HTML标记和CSS样式，帮助开发者快速构建用户界面。这个Demo包含了一系列的实例，涵盖了EasyUI的所有控件，对于学习和理解EasyUI的用法非常有帮助。 **...
在IT领域，EasyUI是一个基于JavaScript和HTML5的前端框架，它使得开发用户界面变得简单高效。这个框架是基于jQuery的，提供了丰富的组件，包括表格、对话框、菜单、按钮、表单验证以及我们今天要讨论的主题——树形...
实践是最好的老师，尝试将这些组件应用到你的项目中，你将更熟练地掌握jQuery EasyUI的使用。 总之，jQuery EasyUI 是一个强大的前端开发工具，能够帮助开发者快速构建功能完善的Web应用。通过学习和掌握其主要组件...
`dialog`可以承载复杂内容，而`messager`则适合快速显示简单消息。 6. **按钮和链接**：`button`、`linkbutton`、`menubutton`等，提供了多种操作触发方式。它们可以设置图标、关联事件，甚至包含下拉菜单。 7. **...