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

简介:

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

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

    

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

 

 

Code

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

     


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

相关文章
|
6月前
|
前端开发
前端知识笔记(二十)———简易弹窗制作
前端知识笔记(二十)———简易弹窗制作
70 0
|
6月前
|
前端开发 容器
前端知识笔记(二十七)———CSS核心功能手册:从熟悉到精通
前端知识笔记(二十七)———CSS核心功能手册:从熟悉到精通
51 0
|
JavaScript 数据安全/隐私保护 Android开发
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(1)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
345 0
|
Android开发 iOS开发 容器
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(2)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
574 0
|
前端开发 JavaScript 算法
ThreeJS开篇
ThreeJS开篇
169 0
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
97 0
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
|
JavaScript 前端开发 开发工具
VuePress 手摸手教你搭建一个类Vue文档风格的技术文档/博客
VuePress是尤大为了支持 Vue 及其子项目的文档需求而写的一个项目,VuePress界面十分简洁,并且非常容易上手,一个小时就可以将项目架构搭好。现在已经有很多这种类型的文档,如果你有写技术文档的项目的需求,VuePress绝对可以成为你的备选项之一。 游泳、健身了解一下:博客、前端积累文档、公众号、GitHub VuePress特性: 为技术文档而优化的 内置 Markdown 拓展 在 Markdown 文件中使用 Vue 组件的能力 Vue 驱动的自定义主题系统 自动生成 Service Worker Google Analytics 集成 基于 Git 的 “最后
647 0
VuePress 手摸手教你搭建一个类Vue文档风格的技术文档/博客
|
JavaScript 容器 内存技术
ExtJS中xtype一览
基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.
1026 1
|
前端开发 UED
前端入门教程(五)CSS样式初见
一 什么是CSS CSS全称Cascading Style Sheet层叠样式表,是专用用来为HTML标签添加样式的。 样式指的是HTML标签的显示效果,比如换行、宽高、颜色等等 层叠属于CSS的三大特性之一,我们将在后续内容中介绍 表指的是我们可以将样式统一收集起来写在一个地方或者一个CSS文件里 二 为何要用CSS 在没有CSS之前,我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性,如下 DOCTYPE html> 天净沙·秋思 锦瑟无端五十弦,一弦一柱思华年。
1104 0