[EasyUI] EasyUI安装

1.1快速安装

 

1、引入“jquery-1.7.2.min.js”

2、引入“jquery.easyui.min.js”

3、引入“themes/default/easyui.css”

1.2系统图标使用

需要引入themes/icon.css

 

注意：css都在“themes”这个文件夹下面找

 

2.1 layout 布局

把页面分成上下左右中五块，使用region 指定方向

引用的是easyui-layout

2.2、tree树形菜单

1、用ui标签定义引用的是easyui-tree css

2、也可以用Json格式的配置方式进行配置

$("#menu_tree").tree({                 lines: true,                 //构建数据                 data: [{                     text: "添加文章",                     iconCls: 'icon-add',                 }, {                     text: "添加分类",                 }, {                     text: "模块管理",                 }, {                     text: "用户管理",                 }]             })         })

 

2.3datagrid

1、exists这个方法判断点击的页面在tabs是否存在

2、getSelected:得到打开tab对象

3、tab.panel('options').content：得到的是iframe代码