jackyxwr的专栏

easyui采用了东南西北中五大布局方式，其采用的是称为layout的布局方式。要采用这种方式，那么其使用了easyui的easyui-layout的样式。那么如下的一个布局是如何实现的呢？从整体上看，其采用的是上、左、中这样的一个布局。根据这个可以先写出下面的代码// 下面的是上部的代码//下面的是左边的代码// 下面的主体框的代码如上

1：easyui-tabs是定义一个面板2：fit属性，其使用在layout布局时，当界面调整时，layout能够自动重新排板3： menu-sep，生成一个菜单的分割线

上回说主界面的整体布局已经完成，但是主界面的内容还没有进行。关于上部分的点击设置出现个人密码修改功能，以及点击个人密码修改的弹出框，这个如何实现呢？个人密码修改这实际上是一个菜单按扭，而密码修改框则是一个弹出框。由于点击用户管理时，这几个界面都是不显示出来的，所以它是被隐藏起来的。此外，右键点击用户管理时，出现的功能，这个实际上也是一个菜单按钮。它也是被隐藏的。故其代码如下

在第二章中已经讲解了主界面上部分的生在了，这一讲主要讲解左边部分的菜单生成。由于权限原因，菜单的功能是动态生成的。假如说菜单是固定不变的，那其写法会如何呢？写法有多种，但其它的一种如下title="(${sessionScope.aiuser.userid})功能菜单" style="width:220px;">//菜单管理

到目前为止，还剩下主窗口的界面生成没有讲。主窗口中采用了iframe框架加载每个界面，其思路就是在点击左边菜单时，首先找到此次点击的对应菜单所对应的界面，然后在iframe中加载此界面就可以了。由于菜单是动态生成的。点击事件的加载看起来不知如何去加载哪个DOM元素。还是按第3节所讲的一样，如果不是动态生成，而是固定生成，那么其代码类似如下菜单管理

1：对于用easyui封装的input的赋值为空，不能采用jQuery的val("")，而只能使用$('#id').empty()，$('#id').html('原有的input dom');2：easyui的组件的操作，都是采用如下的形式 $('#id').easyui组件('方法名')，比如说取combobox的文本值，那就是$('#id').combobox('getText')，其中g