EasyUI之生成动态异步菜单栏
在项目开发中,对于整体的页面布局中对于菜单导航栏我们一般设计为根据不同的用户权限展示不同的菜单选项,同时菜单显示也会做异步加载处理。本文就来介绍下基于EasyUI的tree插件来实现导航栏的异步加载实现。
EasyUI中tree的异步加载
1.实现效果
首先我们来看下最终的实现效果,具体如下。
2.表结构设计
因为在tree插件显示数据的时候对应查询的json数据的字段有要求,具体参考官网:,所以为了避免查询的数据和需要显示的数据不一致而造成的数据的转换,所以在设计表结构的时候可以注意下。菜单的结构如下:
测试数据
3.服务端处理
通过mybatis的逆向工程生成相关的接口,映射文件和pojo文件等。然后在controller中定义处理请求的方法,接收查询菜单的id。返回JSON数据,如下:
/** * 异步查询菜单【node】信息 * @param id * @return */@RequestMapping("/getNode")@ResponseBodypublic List