EXTJS学习系列提高篇:第十篇作者殷良胜,制作树形菜单之四

这篇文章显示树形菜单的方式则不再采用layout:'accordion'布局方式.显示的效果就是一棵完整的树.这种效果适合菜单根级节点较多的情况下,因为如果根节点较多,再使用'accordion'布局就会导致树不能够完整显现,或者即使显示了,页面的高度还是有限的,即使出现滚动条,看起来也还是很不舒服的.具体哪种用法,只能够结合具体的项目需求.

树的显示,Ext将其封装的太简单,仅仅几行代码,效果却非同凡响.同时在这个树形菜单里面也同样实现了在节点右键出现菜单的操作.

还是让我们先看看效果图吧.

EXTJS学习系列提高篇:第十篇作者殷良胜,制作树形菜单之四  EXTJS学习系列提高篇:第十篇作者殷良胜,制作树形菜单之四  EXTJS学习系列提高篇:第十篇作者殷良胜,制作树形菜单之四

下面就将页面代码贴出来供大家参考.

Code

这个功能很具有实用价值,只需对数据库的表换下就能够在不修改任何代码的情况下直接运行.  

你可能感兴趣的:(ExtJs)