搜档网
当前位置：搜档网 › Jquery EasyUi实战教程布局篇
Jquery EasyUi实战教程布局篇
私人做程序开发一直有个头疼的问题就是后台管理界面，以前一般都是自己用jquery+ps自己设计的，效果很一般，很不理想。
今天初次使用Jquery EasyUi，简单的做了个布局页面感觉还不错，给大家分享一下，就是不知道Jquery EasyUi浏览器兼容性怎么样。最后效果图如下：
使用Jquery EasyUi 开发之前首先要引用Jquery EasyUi 的Js 和Css 文件，引用如下：
?
1 2 3 4 5 6
1 2 3 4 5 6 7 8 9 10 11 12 Transitional//EN" "https://www.sodocs.net/doc/e818613295.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
39
40 41
以上代码效果如下（完成局部第一步）：
二、添加左侧菜单
左侧菜单使用的是jquery easyui的可伸缩面板控件和树形控件的结合，直接将可伸缩面板控件和树形控件放到west域中即可，并且编写点击事件，代码如下：
页面代码：
?
1 2 3 4 5 6 7 8 9
10
11
12
13
14
15
16
17
18
19
Js点击事件代码：
?
1 2 3 4 5 6 7 8 9
10
11
12
13
14
15
16
17
18
19
20
21