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

简介:

这个示例实现了有复选框的树形菜单,这个菜单的核心代码是我以前在网上无意中发现的,还好今天派上了用场。本例中不仅仅实现了复选框的树形菜单,而且使得在选中某个节点时,如果有子节点,那么就能够将所有的字节点全部选中,当然你也可以直接选择你希望的节点。但是,当你第一次选中某个有子节点但是子节点并没有展开的时候,就会出现一种例外,就是虽然你选中了这个节点,但该节点的所有子节点没有同时被选中,而如果该节点的子节点都已经展开,则是可以选中该节点对应的所有子节点的;还有第二种情况,就是即使你是在第一次选中某个有子节点但是子节点都已经展开的时候,该选中的节点下面的所有子节点都将被选中。有兴趣的朋友可以自己测试下以修改成适合自己项目的需求。同时,为了增加更好的效果,在本例中也实现了选中某个复选框节点后右键弹出菜单的操作。

下面遵循老传统,还是先看看几幅展示效果图吧,

    

现在把页面代码完整复制出来,代码较长,本想将关键代码贴出来,觉得那样看起来可能很不爽;或者将代码一段一段的展开或者关闭,但这样以后大家在复制代码的时候就不能够直接使用了,还需要编辑,我很讨厌这样的方式。还是代码全部展示最好。 对相关的不明白的属性可以查看Ext官方文档.具体后台代码和实体类代码同上一篇完全一样,那么在这里就不再列出,有兴趣的朋友可以参照上篇.为了方便大家的操作,我在展示树形菜单系列里面用的都是同一个数据表,同一个后台代码,树形菜单所展示的表的脚本请在树形菜单系列的第一篇里复制.

 

 

Code

 再强调下为了方便大家的操作,我在展示树形菜单系列里面用的都是同一个数据表,同一个后台代码,树形菜单所展示的表的脚本请在树形菜单系列的第一篇里复制.

     


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

相关文章
|
7月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
58 0
|
8月前
|
前端开发
前端知识笔记(二十)———简易弹窗制作
前端知识笔记(二十)———简易弹窗制作
86 0
|
资源调度 前端开发 API
同为博客,不同风格 ——Hexo另类搭建
通过阿里云云开发平台快速由Hexo创建赛博朋克风格的博客。
469 0
同为博客,不同风格 ——Hexo另类搭建
老外的个人网站原来是这样设计的:17个最佳范例给你灵感
作家写书,歌手出唱片,人们选择各种方式呈现最佳的自己。对于UI/UX设计师而言,我想,一个设计精美的个人网站,一定会是一种相当不错的方式。无论你是想要展示自己的设计作品,还是分享自己的设计经验和理念,还是吸引互动增加灵感,还是渴望获得一份更好的工作,一个能充分展示你设计才能的个人网站,一定能够让人更好的了解你,并且记住你。
1634 0
|
前端开发 UED
前端入门教程(五)CSS样式初见
一 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的。 样式指的是HTML标签的显示效果,比如换行、宽高、颜色等等 层叠属于CSS的三大特性之一,我们将在后续内容中介绍 表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里 二 为何要用CSS 在没有CSS之前,我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性,如下 DOCTYPE html> 天净沙·秋思 锦瑟无端五十弦,一弦一柱思华年。
1118 0