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

简介:

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

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

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

    

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

Code

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


本文转自温景良博客园博客,原文链接:http://www.cnblogs.com/wenjl520/archive/2008/11/03/1325607.html,如需转载请自行联系原作者

相关文章
|
7月前
|
前端开发
前端知识笔记(二十)———简易弹窗制作
前端知识笔记(二十)———简易弹窗制作
72 0
|
7月前
|
前端开发 容器
前端知识笔记(二十七)———CSS核心功能手册:从熟悉到精通
前端知识笔记(二十七)———CSS核心功能手册:从熟悉到精通
54 0
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
99 0
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
CSS3第三课 浮动内容的介绍。本博客一案例为主。让读者在案例中学会对知识点的总结与介绍。
CSS3第三课 浮动内容的介绍。本博客一案例为主。让读者在案例中学会对知识点的总结与介绍。
111 0
CSS3第三课 浮动内容的介绍。本博客一案例为主。让读者在案例中学会对知识点的总结与介绍。
|
JavaScript 索引
WebApi入门第十二章(原生轮播图 )(完结)
WebApi入门第十二章(原生轮播图 )(完结)
119 0
WebApi入门第十二章(原生轮播图 )(完结)
|
存储 缓存 NoSQL
项目第十一天内容介绍 | 学习笔记
快速学习 项目第十一天内容介绍
|
前端开发 JavaScript
CSS实现阮大佬博文的阅读进度功能
CSS实现阮大佬博文的阅读进度功能
216 0
CSS实现阮大佬博文的阅读进度功能
|
前端开发 UED
前端入门教程(五)CSS样式初见
一 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的。 样式指的是HTML标签的显示效果,比如换行、宽高、颜色等等 层叠属于CSS的三大特性之一,我们将在后续内容中介绍 表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里 二 为何要用CSS 在没有CSS之前,我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性,如下 DOCTYPE html> 天净沙·秋思 锦瑟无端五十弦,一弦一柱思华年。
1111 0