easyui个人总结准备工作

easyui笔记整理
easyui包详解：
　　其中包含一些文件夹和文件，大概说明如下：
　　文件夹：
　　　　demo——该目录下存放的是 EasyUI PC 版各插件的示例示例。如果不想在官网上
查看演示，可以在该目录下找到相应的演示示例
　　　　demo-mobile——该目录下存放的是 EasyUI 移动版各插件的示例示例
　　　　locale——本地化文件，即语言库。主要用于如 DataGrid 这类有提示信息文本显
的插件本地化。需要使用哪种语言加载相应的语言库就行。
　　　　plugins——EasyUI 的插件库，不过一般我们只使用 EasyUI 的主文件
jquery.easyui.min.js 就行，主文件已包含所有插件，无需单独加载
　　　　src——EasyUI 的源文件，因为部分功能 EasyUI 不开源，所以该目录下不是全部的
源码文件
　　　　themes——主题包。包含主题 style 及相应的资源文件（图标等）。该目标下共包
含 5 个主题可供使用（个人感觉第一个black很有个性个性黑色，default蓝色调比较协调好看，其他的不堪入目感觉很别扭，需要更换主题的话只需要在导入包的时候导入相应的主题下的easyui就可以了可参考下面导包示例）
　　文件：
　　　　changelog.txt——更新日志
　　　　easyloader.js——加载器，可以动态的加载项目用到的 EasyUI 插件
　　　　jquery.easyui.min.js——EasyUI PC版主文件
　　　　jquery.easyui.mobile.js—— EasyUI 移动版主文件
　　　　jquery.min.js——EasyUI 所依赖的 jQuery 主文件
　　　　licence_gpl.txt——许可协议
　　　　readme.txt——版本说明文件
meta：（参考链接：http://www.jb51.net/article/42738.htm）
<!--用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、
utf-8、shift-Jis、Euc、Koi8-2等字符集；-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="utf-8">

<!--如果支持Google Chrome Frame：GCF，则使用GCF渲染；如果系统安装ie8或以上版本，则使用最高版本ie渲染；否则，这个设定可以忽略。-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!--若页面需默认用极速核，增加标签：-->
<meta name="renderer" content="webkit">

<!-- width:可视区域的宽度，值可为数字或关键词device-width
height:同width；intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no" />
导包：（参考链接：http://tieba.baidu.com/p/3832369081）
js文件：只需要导入jquery.min.js和jquery.easyui.min.js即可，这两个是必备的js包，其他插件后期会根据需要进行导入；
css：把themes导入然后删除没用的主题（本人剩下的是icon.css，然后icons一些图标的文
件和default主题包）然后导入demo中的demo.css；
<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="css/themes/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.min.js" type="text/javascript"></script>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="js/jquery.easyui.min.js" type="text/javascript"></script>
1.布局：
data-options："collapsible:false";不可折叠
split:boolean 边框是否固定