EasyUI使用:
1、将EasyUI提供的js文件和主题(themes)样式存放到项目的指定位置
2、 在Html文档中引入EasyUI的插件
3、在HTML文档标签上遵循EasyUI的文档规则使用EasyUI完成页面的开发
面板使用(panel):
创建面板:
在创建一个div标签,并class属性值为:"easyui-panel"
面板属性:
title:添加面板标题
data-options:给面板添加常用的操作。具体参照API
添加按钮
信息提示
注意:
EasyUI的使用通过标签的class属性添加基本EasyUI功能,包括样式和jQuery操作,
通过data-options属性对标签的基本功能进行修改操作。
A、EasyUI引入资源(本地资源)如下:
<%--引入easyui中的主题css文件--%>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"/>
<%--引入easyui中的图标集的css--%>
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
<%--引入JQ中依赖的js文件 注意:必须先引入JQ中的依赖js在引入easyui中的核心js--%>
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<%--引入核心模块的js文件--%>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
[应用网络资源更便捷]
B、EasyUI中必须知道的属性
必须知道的两个属性
class:给指定的元素增加css样式
data-options:增加功能插件:最大化、最小化、关闭等。