3.jQuery EasyUI

2017-02-10  本文已影响0人  楼高

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组件

上一篇下一篇

猜你喜欢

热点阅读