shicuicui1234 2016-12-19 04:17 采纳率: 0%
浏览 1581

treeView 使用java+js写的树,可以展开和折叠

treeView 使用java+js写的树,使用datatable-tree.css修饰 只能展开不能折叠,是什么原因

js 代码

function getUnit(){
                        $.ajax({
                            async : false,
                            cache : false,
                            dataType: "json",
                            type : "POST",
                            url : '<%=basePath%>cadre/getUnitTree.do',
                            success : function (data){
                                    $.each(data.pds ,function (i ,item){//changeTree是触发函数
                                            var tree = '<ul><li><span><i class="glyphicon glyphicon-folder-open"></i><a onclick="changeTree('+item.UNIT_ID+',\''+item.UNIT_NAME+'\');" style="text-decoration:none;margin-left:4px;cursor:pointer">'+item.UNIT_NAME+'</a></span>';
                                            if(item.child!=null){
                                                tree=Fib(item.child,tree);
                                            }
                                            tree=tree+'</li></ul>';
                                            $("#tree").append(tree);
                                    });
                            }
                        });
                            $('unit-.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
                            $('.unit-ree li.parent_li > span > i').on('click', function (e) {
                                var children = $(this).parent('span').parent('li.parent_li').find(' > ul > li');
                                if (children.is(":visible")) {
                                    children.hide('fast');
                                    $(this).parent('span').attr('title', 'Expand this branch').find(' > i').addClass('glyphicon glyphicon-plus-sign').removeClass('glyphicon glyphicon-minus-sign');
                                } else {
                                    children.show('fast');
                                    $(this).parent('span').attr('title', 'Collapse this branch').find(' > i').addClass('glyphicon glyphicon-minus-sign').removeClass('glyphicon glyphicon-plus-sign');
                                }
                                e.stopPropagation();
                            });
                        }

                        function Fib(pds,tree){
                            tree = tree + '<ul>';
                            for(var i = 0;i < pds.length;i++){
                                if(pds[i].child != null){
                                    tree = tree + '<li><span><i class="glyphicon glyphicon-minus-sign"></i><a ondblclick="changeTree('+pds[i].UNIT_ID+',\''+pds[i].UNIT_NAME+'\');" style="text-decoration:none;margin-left:4px;cursor:pointer">'+pds[i].UNIT_NAME+'</a></span>';
                                    tree = Fib(pds[i].child,tree);
                                }else{
                                    tree = tree + '<li><span><i class="glyphicon glyphicon-leaf"></i><a ondblclick="changeTree('+pds[i].UNIT_ID+',\''+pds[i].UNIT_NAME+'\');" style="text-decoration:none;margin-left:4px;cursor:pointer">'+pds[i].UNIT_NAME+'</a></span>';
                                }
                                tree = tree + '</li>';
                            }
                            tree = tree + '</ul>';
                            return tree;
                        }

执行getUnit函数得到所有数据 ,就是不能折叠树怎么回事  ?    感觉问题出现在jsp页面 ,(注释:我的样式引用正确  bootstrap-treeview.css   bootstrap.css    js)
  • 写回答

1条回答 默认 最新

  • 请叫我七点起床 2016-12-19 05:51
    关注

    楼主,请你把代码搞上来啊。。凭空想不到

    评论

报告相同问题?

悬赏问题

  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料