首页 > 其他 > 详细

easyui使用

时间:2018-04-14 13:17:37      阅读:212      评论:0      收藏:0      [点我收藏+]

easyui的使用规则:

在本文中,采用jquery-easyui-1.2.6版本进行开发,资源下载,密码:72zk

结构目录:

技术分享图片

首先:引入js文件,easyui是基于jquery,所以要引入jquery.js文件,因为这边使用的是jquery-easyui-1.2.6,与其配合度很高的是jquery-1.7.2.min,在easyui目录下就有

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js" ></script>

其次:引入easyui.js

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js" ></script>

记住:以上两个js文件是必须的。

若我们需要加载样式、图片样式、以及中文版本,则需引入以下文件

<link rel="stylesheet" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
<link rel="stylesheet" href="js/jquery-easyui-1.2.6/themes/icon.css" />
<script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js" ></script>

总结:我们常用的是引入以下js、css

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js" ></script>
<link rel="stylesheet" href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
<link rel="stylesheet" href="js/jquery-easyui-1.2.6/themes/icon.css" />
<script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js" ></script>

 

如果在开发中。我们使用easyloader来加载的话,我们可以直接引用以下文件(不推荐)

<script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-easyui-1.2.6/easyloader.js" ></script>

 

easyui使用

原文:https://www.cnblogs.com/wangfd/p/8831081.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!