您的位置:首页 > 产品设计 > UI/UE

easyUI的使用

2016-07-20 15:42 465 查看

前言:

easyUI是jQuery的一种框架,它提供了所有网页布局的颜色,结构,布局等,为网页界面设计提供了更多简便的选择。


调用easyUI的方式

easyUI和jQuery一样,是一种内嵌在html中的语言,不同的是在需要使用定义好的布局时要先下载他们的相关函数,
下载地址:http://www.jeasyui.com/download/index.php 选择其中的Freeware Edition即免费版本,并选择下载地址为自己所建的站点,如:test.com,
在引用这些函数的时候要在html的head标签中加入这些代码段的相对位置链接:


<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.5/themes/icon.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.5/demo/demo.css">
<script type="text/javascript" src="jquery-easyui-1.4.5/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.4.5/jquery.easyui.min.js"></script>


在下载文件包中找到jquery-easyui-1.4.5中的easyui.css、icon.css、demo.css、jquery.min.js、jquery.easyui.min.js函数的相对地址,
完善引用路径。注意某些代码段中使用url引用某处函数时,要将其与自己的程序放在同一路径下,如有些代码段中涉及到用url引用函数的时候,
如 'url:'datagrid_data1.json' 此时就需要在 G:\test.com\jquery-easyui-1.4.5\demo\datagrid 中寻找相应的文件,
并将其与使用它的程序放在同一目录下。
完成上述所有步骤,就可以使用easyUI进行网页布局了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: