EasyUi和jQuery模拟后台管理页面

综合案列

1. 后台页面布局分析

• 

初步 easyui-layout布局展示

代码实现

2.实现菜单栏以及添加选项卡

（1）准备菜单加载菜单

（2）添加选项卡

a）给菜单栏绑定添加事件

b）给展示页面添加选项卡 class=“easyui-tabs”

c）添加方法 ，并且判断是否存在该菜单的选项卡 ，如果存在就不要再添加了

d）判断是否是父级还是子集目录

3.点击菜单实现加载数据（表单）

（1）如何加载数据  嵌入iframe标签（在给定范围内添加数据）

content:"<iframe frameborder=0 style='100%;height:100%' src='"+node.url+"'></iframe>"

frameborder是自适应边框

（2）点击事件会加载employee.html，这个页面又加载数据（这里是我们employee.json）

 a）添加路径

b）formatter加载对象头像以及部门

4.添加按钮

（1）给按钮添加事件

（2）将所有方法封装属性对象

5.高级查询

（1）引入jquery.jdirk.js包获取数据

（2）加载数据

6删除功能

（1）获取点击事件行数

（）判断是否删除

7.添加功能

 

8数据回写

（1）隐藏密码框

（2）回写数据