博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EXTJS学习系列提高篇:第十一篇(转载)作者殷良胜,制作树形菜单之五
阅读量:7097 次
发布时间:2019-06-28

本文共 802 字,大约阅读时间需要 2 分钟。

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

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

    

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

 

 

ContractedBlock.gifCode

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

     

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

你可能感兴趣的文章
数独(简易九宫格)
查看>>
深圳宏旺半导体,十五年国产存储芯片的研发坚持,自主品牌ICMAX亮相
查看>>
Windows搭建漏洞环境
查看>>
Android 数据传输要注意的地方
查看>>
大数据教程(8.6)yarn客户端提交job的流程梳理和总结&自定义partition编程
查看>>
Mysql 分区介绍(三) —— LIST分区
查看>>
关于 elasticsearch delete by query
查看>>
Nginx的405错误
查看>>
描述OSI参考模型各层的主要功能
查看>>
堆排序算法
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
RHEL6下NFS的配置
查看>>
数学:匈牙利算法
查看>>
我的友情链接
查看>>
虚拟机安装centos7后只有lo网卡的解决方法
查看>>
eclipse 自动生成 自定义注释
查看>>
$.ajax() 例子
查看>>
win7宽带连接的711错误
查看>>
java————串————方面的知识2
查看>>