javascript - easyUI 树形列表 想实现 类似于according 的效果 怎么办?

 南方的狼1975 发布于 2022-11-09 18:57

easyUI 树形列表 想实现 点击当期节点 子节点显示,点击另一个节点 其他节点的子节点隐藏 类似于according 的效果 怎么办?

后台的方法 父节点的数据 和 子节点的数据是分开获取的
加载方法是 easy UI tree 的框架。。。昨天试了一天 ,没有实现这个效果

请教高手 该怎么写?请输入代码

var url = "../../classstructure/getEquipmentTypeTree.do?&r="+new Date().getTime();
    $('#tt').tree( {
        url : url,
        checkbox:false,
        onLoadSuccess:function(node,data) {
            //alert(1);
//            setSysCombobox("assetnum","dm_isorno",0.35,2,'queryp');
            //console.log
            //(JSON.stringify(data));
            $("#unitlist li:eq(0)").find("p").addClass("tree-node-selected");
        },
        onClick : function(node) {//列表内容点击事件
            //console.log(node);
            //alert(1);
//            $("#10030600").datagrid('clearSelections'); // clear
//            queryUser();
            classstructureid = node.id;
            classstructureidName = node.text;
            queryClassAttrs(classstructureid);
            loadQueryForm(classstructureid);
//            if(node.attributes.type){
//                //$("#toolbar").hide();
//            }else{
//                $("#toolbar").show();
//            }
        },
        onBeforeExpand:function(node,param){
            console.log(node.id);
            $('#tt').tree('options').url = "../../classstructure/getClassTreeByEquipmentType.do?equipmenttype="+node.id; 
        $.ajax({
            url:"../../classstructure/getClassTreeByEquipmentType.do?equipmenttype="+node.id,
            type: "GET",
            dataType: "json",
            success:function(data){
                console.log(JSON.stringify(data));
                var son = '
    '; for(i = 0;i"; son += "
"; } var mm = $('#_easyui_tree_1'); mm.insertAfter(son); console.log(son); } }) } , onExpand:function(node,param){ return false; /*var self = this; var nn = $('#tt>li'); //alert($(this)); //console.log($(this)); nn.each(function(){ //alert(1); if(!$(this).find('ul')){ //console.log($(this).siblings('li')); //$(this).find('ul').css('display','none'); //$(this).siblings('li').find('ul').hide(); } if(($(this).siblings('li>ul'))){ console.log(1); $(this).siblings('li').children('ul').hide(); } });*/ } /*if(node){ var children = $("#tt").tree('getChildren',node.target); console.log(node.target.p); for (var i=0; i

感觉最主要的是 覆盖不掉 easyui 默认的方法。。。

1 个回答
  • 树插件一般的数据格式都是好几层的,后台去弄吧,要不就别用树插件自己写方法模拟

    2022-11-12 11:02 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有