如何利用EasyUI框架控制页面布局(分为五个部分)

2024-10-13 11:11:01

1、第一步,打开eclipse IDE工具,创建web动态项目;在web项目目录WebContent下创建静态页面index.html,如下图所示:

如何利用EasyUI框架控制页面布局(分为五个部分)

3、第三步,创建EasyUI框架布局控件layout,并设置五个方向东南西北中的样式,注意五个方位的对应关系,如下图所示:

如何利用EasyUI框架控制页面布局(分为五个部分)

5、第五步,在jquery初始化函数里编写某一部分折叠方法函数,调用layout()方法,查看效果,如下图所示:

如何利用EasyUI框架控制页面布局(分为五个部分)
猜你喜欢