介绍了一本书《深入浅出设计模式》,来说明“一头扎进”这个系列名字的由来。
参考资料:
1、Easyui中文示例文档
http://www.java1234.com/easyui.html
说明:这份文档是这个视频教程非常重要的一份在线文档和参考资料。当然还有很多 easyui 的文档还是非常不错的,为了突出这份文档对于这份视频教程和学习笔记的重要性,所以只放置了这样一份参考资料。
搭建 easyui 框架的最小化配置。
因为我没有找到 esayui 的 CDN,所以就采取了相对路径的配置方式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link type="text/css" rel="stylesheet" href="../js/jquery-easyui-1.4.1/themes/default/easyui.css">
<link type="text/css" rel="stylesheet" href="../js/jquery-easyui-1.4.1/themes/icon.css">
</head>
<body>
<script type="text/javascript" src="../js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</body>
</html>
本讲主要讲解了以下内容。
一、panel组件
1、基本面板组件
2、面板工具
打开、关闭、展开、折叠(collapsible)。
关注 data-options 这个属性。
3、定制工具
tools 这个属性。
根据你的特殊需求,自定义工具。
设置 class 属性,显示图标。
4、加载内容
异步加载。
5、嵌套面板
组件是最小化的 ui 单元。
fit:true 使劲往外顶。
spilt:true 可以左右伸缩的。
注意:一定要有一个 region:’center’ 的 div。