javascript - easyUI 树形列表 想实现 类似于according 的效果 怎么办?
PHP中文网
PHP中文网 2017-04-11 12:41:48
0
1
256

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 = '<ul>';
                for(i = 0;i<data.length;i++){
                    son += "<li>"+data[i].text+"</li>";
                    son += "</ul>";
                }
                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<children.length; i++) { 
                    $('#privilegeEventId').tree('check',children[i].target); 
                }
            }
            
        },*/
        /*onBeforeCollapse:function(){
            var nn = $('#tt li').find('.tree-hit');
            $(this).parent('li').find('ul').hide();
        },
        onCollapse:function(){
            
        }*/
    });

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

PHP中文网
PHP中文网

认证高级PHP讲师

répondre à tous(1)
迷茫

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!