EasyUI 系列之二第一个EasyUI页面

本文将向你演示一个最简单的EasyUI页面，当你运行这个页面的时候，会弹出一个”Hello World” 窗口。以后的源码调试会建立在这个页面基础上。

步骤：

1）新建一个目录“EasyUI”，拷贝以下js文件。注：easyloader.js位于“src”目录中。

2) 新建一个plugins目录，从“src”目录中拷贝以下js文件。(http://jquery-easyui.googlecode.com/svn/trunk/src/)。

3) 新建一个themes目录，从“themes”目录中拷贝所有文件。(http://jquery-easyui.googlecode.com/svn/trunk/themes/)。

4）新建一个htm页面。

<html>
<head>
    <title>jQuery EasyUI</title>
    <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../themes/icon.css">
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="easyloader.js"></script>
    <script type="text/javascript" language="javascript">
        using('messager', function () {
            $.messager.alert('Title', 'Hello World');
        });
    </script>
</head>
<body>
</body>
</html>

5) 运行页面。效果如下：

示例代码地址： http://files.cnblogs.com/zhaojin/EasyUI.rar

下篇会详细说明代码。

转载于:https://www.cnblogs.com/zhaojin/archive/2011/01/23/1942621.html

EasyUI 系列之二第一个EasyUI页面相关推荐

【python 格兰杰因果关系系列之二】一个例子3分钟教会你使用格兰杰因果关系检验
文章目录例子结果说明 see also 例子 ########################################################################## ...
ztree和php结合实例,实例详解jQuery EasyUI结合zTree树形结构制作web页面
JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,z ...
C#制作Windows service服务系列二:演示一个定期执行的windows服务及调试（windows service）(转载)...
系列一: 制作一个可安装.可启动.可停止.可卸载的Windows service(downmoon原创) 系列二:演示一个定期执行的windows服务及调试(windows service)(down ...
HaaS UI小程序解决方案基础教学之二：搭建第一个UI页面
名词解释 AliOS Things: 阿里云智能IoT团队自研的物联网操作系统,目前已获得国家 HaaS:全称是Hardware as a Service,阿里云智能IoT团队基于AliOS Thin ...
Reflex WMS入门系列之二十一：关闭一个不需要的盘点
Reflex WMS入门系列之二十一:关闭一个不需要的盘点仓库管理实践中,如果业务人员创建好了一个盘点,发现后续暂时不需要执行实际的库存清点工作,或者本次盘点因故取消,或者发现该盘点数据有误需要关闭 ...
vue编写一个登录页面，使用Tab栏实现“账号登录”和“二维码登录”这两种方式的切换
编写一个登录页面,使用Tab栏实现"账号登录"和"二维码登录"这两种方式的切换,并通过transition组件结合animate.css实现切换时的动画效果 1 ...
BizTalk学习笔记系列之二：实例说明如何使用BizTalk
BizTalk学习笔记系列之二:实例说明如何使用BizTalk --.BizTalk学习笔记系列之二<?XML:NAMESPACE PREFIX = O /> Aaron.Gao,2006 ...
前端必知必会HTTP请求系列（二）简单一点的HTTP协议
http协议用户客户端和服务器之间的通信 http协议和TCP/IP协议族内的其他众多协议相同,用于客户端和服务器之间的通信. 那么问题来个如果两台服务器之间一台服务器向另一台服务器进行接口请求那谁是 ...
基于 abp vNext 和 .NET Core 开发博客项目 - Blazor 实战系列（二）
基于 abp vNext 和 .NET Core 开发博客项目 - Blazor 实战系列(二) 转载于:https://github.com/Meowv/Blog 上一篇搭建了 Blazor 项目并 ...

EasyUI 系列之二第一个EasyUI页面

EasyUI 系列之二第一个EasyUI页面相关推荐

最新文章

热门文章

EasyUI 系列之二 第一个EasyUI页面

EasyUI 系列之二 第一个EasyUI页面相关推荐

最新文章

热门文章

EasyUI 系列之二第一个EasyUI页面

EasyUI 系列之二第一个EasyUI页面相关推荐