JQueryEasyUI学习笔记(十五)异步tree(附源码)

摘要:
我希望这个笔记对我和每个人都有用,但我的水平有限。如果我犯了错误,我希望你能指出并批评我。谢谢!

欢迎大家转载,转载请注明出处!

希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢!

今天是easyui的Tree框架的点击展开时的异步加载和全部直接加载:
    <script type="text/javascript">$(function() {
            $("#tt2").tree({//异步点击展开Tree
url: 'GetTreeMenu.ashx'});
            $("#tt").tree({//Tree直接展开
url: 'GetTreeMenu.ashx',
                onLoadSuccess: function(node,data) {//加载成功后调用事件
                    vartree =$(this);
                    if(data) {
                        $(data).each(function(index,d) {
                            if(this.state=='closed') {
                                tree.tree('expandAll');
                            }
                        });
                    }
                }
            });
        });
    </script>
<body>
    <ul id="tt2"></ul>
    <ul id="tt"></ul>
</body>

每次点击展开tree的节点的时候,向后台传递的是tree的id,这样我们就可以根据id查处他的子节点,首次加载的时候id为null,这样我们做个判断,直接加载根节点就好

其中在异步加载时,只要数据库设计清晰,json数据正确,实现起来十分简单

数据库设计图例:

JQueryEasyUI学习笔记(十五)异步tree(附源码)第1张

这样就可以实现异步tree和直接展开tree的方法了,我在写demo的时候,设计的不是很好,所以无论是子节点还是父节点,都有展开的箭头,做个处理就好了

非常时期,大家多多注意身体

源码下载

免责声明:文章转载自《JQueryEasyUI学习笔记(十五)异步tree(附源码)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基于ubuntu10.04的gccarm安装【转】moodle中年级、班级、小组研讨下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

基于 WebRTC 的 RTSP 视频实时预览

该方案采用基于WebRTC的视频即时消息,其原生支持RTP协议的解码,因此延迟可以非常低,约为0.2-0.4秒。其他方案的延迟大于1秒。WebRTC需要浏览器。您可以在以下地址查看支持的浏览器。WebRTC实现基于web的视频会议。标准是WHATWG协议。其目的是通过浏览器提供简单的javascript来实现实时通信功能。Github中有很多WebRTC的实...

解决ubuntu下字体模糊的问题

最近,在ubuntu下使用firefox时,字体总是有点模糊。我搜索了大部分字体,以找到解决问题的方法。据说,这个问题的原因是网站本身设置了字体,这些字体通常在Windows下设置,因此在Linux下字体看起来是虚拟的。对应的中文应该是:编辑=˃选项=˃内容=˃字体和颜色=˃允许网页选择自己的字体。...

JRebel激活服务搭建

前言因为平时的开发工具是使用IntelliJIDEA,所以热部署项目代码的时候,使用的Jrebel。因为Jrebel是收费的,所以以前用的时候都是在网上找破解方法,在网上找到的办法是输入一个在线激活服务,来进行激活。由于简单方便就一直这样用的,今天早上打开IDEA后发现,Jrebel激活失效了。JRebel很好用,也是离不开大家的支持,所以如果条件允许的话,...

浅谈JEECG多数据源的使用

首先,我们将简要介绍JEECG是什么。JEECG主张简单的功能由代码生成器直接生成,复杂的业务由表单定制,业务流程由工作流实现和扩展,开发人员编写特殊的业务逻辑。让我们重点讨论JEECG3.5GA中多个数据源的使用。JEECG3.5提供多个数据源的功能。JEECG多数据源的设计直接使用Springjdbc连接,独立于Hibernate、Mybatis和其他持...

Composer 的下载与安装

检查安装是否成功:使用cmd窗口中的composer--version或composer命令检查安装是否顺利。示例:~1.2需要注意的是,如果~作用于主要版本号,如~1,根据上述声明,Composer可以在版本1之后安装主要版本,但实际上~1将被视为~1.0,只能添加次要版本,而不能添加主要版本。示例:^1.2.3版本稳定性如果您没有明确指定版本稳定性,Co...

Oracle分组查询

2). 在分组函数中使用NVL函数–NVL函数可以强制分组函数包含具有空值的记录3)当存在空数据和空数据时,可以组合单行函数来使用,例如:计算员工的平均奖金。如果没有奖金,它将被视为0 selectcount(*),count,avg,avgfromemp--补充注释1)当最小和最大计数字符类型时,它们将根据字符序列计数最小和最大。如果值为空,则MIN和MA...