微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Ext.tree.TreePanel,accordion布局基于SSH+JSON的系统级应用之菜单设计

ExtJS作为前端JS框架,在企业级系统建设方面占有相当大的地位。无论是在界面设计、页面缓存处理、跨浏览器、面向对象方面都非常优秀。而且还有一个非常优秀的文档。相信大部分人都是被其界面吸引,但是我们在透过界面看Ext的实现方式和思想真的是让人受益匪浅。也不废话了,Ext对于大家来说应该有所了解。

有很多人说:Ext难学、难用,找不到切入点。我个人感觉做Ext的东西,就是做数据。你要做什么东西首先得想明白的就是需要什么样的数据。当你明白了需要什么样的数据时,其他的配置性的东西只要去查查文档就可以了。实际引用中我们并不需要做很炫的效果,拘泥于细节,好多东西换个方式也能实现。抓住重点,有的放矢!

当我们对Ext的一个开发原则有了了解之后,我们就可以开始动手设计异步加载菜单了:

这是一个Ext.tree.TreePanel需要的数据,数据是通过Ext.tree.TreeLoader对象加载的,具体怎么加载的我们不深究,我们只是准备好它需要的数据就可以了,

首先在Action里面从Service层获取定制的数据

在Service层中从数据库获取数据,并组织成Ext.tree.TreePanel需要的数据:

数据准备好了,剩下的就是在页面进行展示:

这个异步加载菜单就完成了,效果图:

层叠样式菜单

树状样式菜单

我的另外一篇文章,介绍的是几点的实例,有源码:http://www.jb51.cc/article/p-gumtmycg-bca.html ,QQ群:197331959

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐