javascript代码实例教程-JQueryEasyUI学习笔记（十五）异步tree（附源码）_js

上一篇: javascript代码实例教程-PAIP批量... 下一篇:javascript代码实例教程-JQueryE...

javascript代码实例教程-JQueryEasyUI学习笔记（十五）异步tree（附源码）

发布时间：2019-05-24 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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) {//加载成功后调用事件
                    VAR tree = $(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，这样我们做个判断，直接加载根节点就好