3.jQuery EasyUI

1、下载EasyUI资源包

官网 http://www.jeasyui.com

登录官网点击Download,在页面下方点击Other Versions选择想要下载的指定版本。

2、将下载的easyui包解压到工程中

3、在需要使用easyui的页面先导入几个必要的js文件

导入的过程中只需在easyui文件夹下找到指定的js文件拖入页面文件即可,导入过程可参考

http://bingtianbaihua.blog.163.com/blog/static/24507302420151105404696/

要按下方顺序导入

  <%--jQuery文件--%>
    <script src="eaasyui1.5.1/jquery.min.js" type="text/javascript"></script>
    <%-- jQuery EasyUI文件 --%>
    <script src="eaasyui1.5.1/jquery.easyui.min.js" type="text/javascript"></script>
    <%--中文包文件--%>
    <script src="eaasyui1.5.1/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <%--默认主题css文件--%>
    <link href="eaasyui1.5.1/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <%--图标CSS文件--%>
    <link href="eaasyui1.5.1/themes/icon.css" rel="stylesheet" type="text/css" />

4、创建easyui组件(多种方法)

方法1(推荐)

<div  class="easyui-组件名"><div>

如<div class="easyui-dialog"></div>

方法2:

<head>

<script type="text/javascript">

        $(function(){

            $('mm').dialog();

        });

   </script>

</head>

<div

id="mm"

></div>

<div id="mm"></div>

这样就会将div变成相应的easyui组件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.从载入EasyUI开始 读者需要到EasyUI官网中下载包含原文件和demo的压缩包,并解压到之前编写的代码目...
    老皮丘阅读 1,820评论 0 6
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,584评论 1 19
  • (3)胜利贵在坚持,如果我们要取得胜利就要坚持不懈地努力,因为失败乃成功之母,成功也就是胜利的标志,也可以这样说,...
    陈顺富888087阅读 139评论 0 0
  • 文/漂洋过海的鱼 亲爱的孩子: 很快你就要来到这个世界了,我既兴奋,又紧张。我兴奋,因为你,我即将开始新的生命历程...
    阳光在暗处起舞阅读 536评论 0 2
  • 當時出發的原因很简单,只是聽到古城二字,便心聲嚮往。因為古老的東西對我總有一種無法抵制的吸引力。當時的 有...
    南庭风阅读 138评论 0 0